@charset "utf-8";
@font-face{
	font-family: 'exo';
	src : url('../font/EXOTC350 BD BT BOLD.ttf');
}
@font-face{
	font-family: 'helve';
	src : url('../font/HELVETICABLACKCONDPL.ttf');
}
.L-R1:before{ transition: 0.3s ease 0s; position: absolute; content: ''; z-index: -1; }
.L-R1 { position: relative; width: 100%; height: 100%; z-index: 1; }
.L-R1:before { width: 0; top: 0; right: 0; height: 100%; background: #c43f2e; }
.L-R1:hover:before { width: 100%; }
.L-R1:hover:before { right: auto; left: 0; color:#fff; }
a:hover{
	color:inherit;
}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button,select{ -webkit-appearance: none; -moz-appearance: none; appearance: none; }
input[type="number"]{ -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; }
textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.swiper-button-next,.swiper-button-prev{ outline:0; }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{ pointer-events: auto; }
.com_bg{ background-position: center center; background-repeat: no-repeat; background-size: cover;}
.com_ani,.com_scale,.fcom-nav ul li,.islide3 .item .text .more{ 
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
@media (max-width:480px){
	p{ font-size: 14px; }
}
.islide1 .item,.islide4 .item img,.index5 .combox img,.inews .bimg img,.inews .imgli .item .img img,.case .item .moveline,.case .list .item .img img,.video .list .item,.news .list .item,.pro1 .list .item,.stores .left{ 
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.islide1 .item:hover,.video .list .item:hover,.news .list .item:hover,.pro1 .list .item:hover{ 
	-webkit-transform:translateY(-18px);
	-moz-transform:translateY(-18px);
	-ms-transform:translateY(-18px);
	-o-transform:translateY(-18px);
    transform:translateY(-18px);
}
.com_scale:hover,.islide4 .item:hover img,.inews .imgli .item:hover .img img,.case .list .item:hover .img img,.index5 .combox:hover img{ 
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.sidebar-wrapper {position:relative;width: 100%;height:100%;overflow:auto;display:none;}
.banner-background {
    width: 100%;
    min-height: 100%;
    overflow: hidden;
    left: 0;
    top: 0;
    position: absolute;
    z-index: 2;
    display: block;
}
#dowebok {background-color:rgba(223,0,32, 0.88);}
#dowebok .nav {margin-top:80px;list-style-type:none;color:#fff;}
#dowebok .nav li {display:block; width: 70%; margin: 0 auto; text-align: center; line-height:55px;font-size:18px;position:relative;}
#dowebok .nav li a {display:block;padding:0 20px;height:100%;border-bottom:1px solid #950808;}
#dowebok .nav a:hover {background-color:#000;}
#dowebok .nav li .n2btn {width:35px;height:60px;display:inline-block;position:absolute;right:0;top:0;background:url(../images/more-ico.png) no-repeat left center;background-size:auto 24px;z-index:10;}
#dowebok .nav li .nav2 {display:none;}
#dowebok .nav li .nav2 li {font-size:16px;}
#dowebok .nav li .nav2 li a {padding-left:50px;}
[data-simplersidebar='active'] {box-shadow:3px 0px 3px 0px rgba(0,0,0,0.5);}
@media (max-width:480px){
	#dowebok .nav {margin-top:60px;}
	#dowebok .nav li { font-size:16px;}
}
/* 页头 */
.header{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
}
.header .main{transition:height .5s}
.header.active {
    background: #fff;
}
.header .main{ max-width: 92%; padding: 0 4%; }
.header_box {
	position: relative;
	padding-top: 23px;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
}
.header.active .header_box{padding-top: 13px;transition: .7s}
.header_box h1 {
	width:160px;
	height:54px;
	background-image:url(../images/logo2.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:auto 100%;
}
.header.active .header_box h1{background-image:url(../images/logo.png);}
.header_box h1 a {
	display:inline-block;
	width:100%;
	height:100%;
	text-indent:-9999px;
}
.header_box .btn_box {
	display:inline-block;
	margin-top:10px;
}
.header_box .btn_box .menu{
	width:34px;
	height:29px;
	display:inline-block;
	float:right;
	cursor:pointer;
	background-image:url(../images/nemu.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:25px;
	margin-left: 16px;
	position: relative;
}
.header.active .header_box .btn_box .menu{background-image:url(../images/nemu2.png);}

.header_box .nav{
	float: left;
	display: inline-block;
	margin-right: 100px;
	position:relative;
	color: #fff;
	width: 90%;
}
.header.active .header_box .nav{color: #212529;}
.header_box .nav ul{ font-size: 0;}
.header_box .nav ul li {
	display:inline-block;
	line-height: 28px;
	font-size:16px;
	position:relative;
	width: 14.28%;
}
.header_box .nav li>a{ display:block; padding: 0px 30px 30px; text-align: center; font-size: 16px;}
.header_box .nav li a:hover,.header_box .nav li.on a{ font-weight: bold; }
.header_box .nav li .second{ display: none; width: 160px; opacity: 1; position: absolute; left: 50%; top: 58px; transform: translateX(-50%); overflow: hidden; z-index: 3; }
.header_box .nav li .second a{ display: block; height: 46px; line-height: 46px; color: #fff; font-size: 15px; text-align: center; background-color: rgb(0, 0, 0,.5); }
.header_box .nav li .second a:last-child{ border-bottom: 0; }
.header_box .nav li .second a:hover{ background-color: #c43f2e; color: #fff; font-weight: normal; }
.header .header_form { float: right; width: 172px; height: 27px; }
.header .header_form form {height:100%;display:inline-block;max-width:500px;width:100%;position:relative;background-color:#fff;border-radius:3px;}
.header .header_form form input.text {display:inline-block;position:absolute;left:0;top:0;width:77%;height:100%;border:none;text-indent:10px;color:#333;font-size:14px;border:none;border-radius:3px;}
.header .header_form form input.submit{display:inline-block;position:absolute;right:0;top:0;width:23%;height:100%;background:#9b9b9b url(../images/search.png) center center no-repeat;background-size: auto 16px;border:none;border-radius:3px;color:#fff;font-size:14px;}
.header .header_form form input.submit:hover{ background-color: #c43f2e; }
.hrbox{ margin-top: 12px; width: 80%;}
.hrbox .wxewm{ position: relative; float: right; width: 30px; height: 27px; cursor: pointer; background: url(../images/wx.png) center center no-repeat; background-size: auto 24px; }
.header.active .hrbox .wxewm{background: url(../images/wx2.png) center center no-repeat;}
.hrbox .wxewm .showbox{ position: absolute; display: none; right: 0px; top: 50px; z-index: 33; width: 100px; padding: 5px; background: rgba(255,255,255,1); }
.hrbox .showbox:before { width: 0; height: 0; position: absolute; content: ""; border: 10px solid transparent; border-bottom-color: #fff; top: -20px; right: 8px; }
.hrbox .wxewm:hover .showbox{ display: block; }
.hrbox .wxewm .showbox img{ width: 100px; height: 100px; }
.hrbox .tianmao{ float: right; display: block; margin: 0 14px 0 23px; width: 24px; height: 27px; background: url(../images/TM.png) center center no-repeat; background-size: auto 24px; } 
.hrbox .search_btn{ width:21px; height:27px; display: none; background-image: url(../images/searchb.png); background-repeat:no-repeat; background-position:center; background-size: auto 21px; float: left; cursor:pointer; position: relative; }

.terminal_retail_center{padding: 3.6% 0;}
.terminal_retail_center .title_en{font-size: 2.167vw;line-height: 100%;color: #cccccc;text-transform: uppercase;width: 50%;}
.terminal_retail_center .title_cn{color: #333;margin-bottom: 10px; font-size: 36px;}
.terminal_retail_center_list{margin-top: 3%;}
.terminal_retail_center_list dd{position: relative;overflow: hidden;}
.terminal_retail_center_list dd:after{display:block;content: '';padding-bottom:150.58%;}
.terminal_retail_center_list dd a{width: 84%;height: 84%;position: absolute;left: 0;top: 0;overflow: hidden;display: flex;flex-direction: column;justify-content: space-between;padding: 8%;color: #fff;}
.terminal_retail_center_list dd a:after{display:block;content: '';width: 100%;height: 100%;position: absolute;left: 0;bottom: 0;background-color: rgba(223,0,32, 0.78);z-index:2;-webkit-transition: all 0.35s;-ms-transition: all 0.35s;transition: all 0.35s;}
.terminal_retail_center_list dd:nth-child(2n) a:after{background-color: rgb(2, 0, 98,.82);}
.terminal_retail_center_list dd img{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;z-index:1;-webkit-transition: all 0.35s;-ms-transition: all 0.35s;transition: all 0.35s;}
.terminal_retail_center_list dd .title{display: flex;flex-direction: column;position: relative;z-index: 3;}
.terminal_retail_center_list dd .title strong{font-size:1.5vw;line-height: 120%;margin-bottom: 10px;text-transform: uppercase;}
.terminal_retail_center_list dd .des{line-height: 100%;writing-mode: tb-rl;writing-mode: vertical-rl;display: flex;align-items: flex-end;position: relative;z-index: 3;text-transform: uppercase;}
.terminal_retail_center_list dd a:hover:after{height: 0;}
.terminal_retail_center_list dd a:hover img{-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}

.terminal_retail_center_list .slick-arrow{width: 30px;height: 30px;margin:-30px 0 0 0;color: #fff; background:none;border: #fff solid 1px;border-radius: 50%;display: flex;justify-content: center;align-items: center;opacity: 0.45;bottom: 0;z-index: 10;}
.terminal_retail_center_list .slick-arrow.slick-disabled{cursor: default;}
.terminal_retail_center_list .slick-prev{left:30px;}
.terminal_retail_center_list .slick-next{right:30px;}
.terminal_retail_center_list .slick-next:hover, .brand_publicity_list .slick-prev:hover{opacity: 1;border-color: #fff;}
.terminal_retail_center_list .slick-next:before{content: ">";font-size:22px; color:#fff;opacity: 1; font-weight: 100; font-family: fangsong; padding-left: 3px;}
.terminal_retail_center_list .slick-prev:before{content: "<";font-size:22px; color:#fff;opacity: 1; font-weight: 100; font-family: fangsong; padding-left: 3px;}
.terminal_retail_center_list .slick-arrow:hover:before{color: #fff!important;}
.web_w {
    width: 100%;
    min-width: 1200px;
    max-width: 1920px;
    margin: 0 auto;
    padding: 50px 5%;
}
@media (max-width:1600px){
	.header_box{ padding: 23px 15px 0; }
	.header_box .nav li .second{ width: 140px; }
}
@media (max-width:1450px){
	.header_box .nav{ margin-right: 20px; }
	.header_box .nav li>a{ padding: 0px 18px 23px; }
	.header_box .header_form{ position: absolute; display: none; left: 0; bottom: -90px; padding: 30px 15px; width: 100%; height: 90px; box-sizing: border-box; background: rgba(255,255,255,.8); text-align: center; }
	.header .header_form form input.submit{ background-color: #c43f2e; }
	.hrbox .search_btn{ display:inline-block; }
}
@media (max-width:1300px){
	.header_box .nav li>a{ padding: 0px 10px 23px; }
}
@media (max-width:1200px){
	.header_box{padding-top: 13px; }
	.header_box .nav li>a{ padding: 0px 8px 18px; font-size: 15px; }
	.header_box h1{ width: 160px; height: 47px; }
	.hrbox .tianmao{ margin-left: 14px; }
	.header_box .btn_box{ float: right; }
}
@media (max-width:991px){
	.header_box{ padding: 12px 15px; }
	.header_box h1{ width: 140px; height: 42px; }
	.hrbox{ margin-top: 5px; }
	.hrbox .tianmao{ margin: 0 20px; }
	.header_box .btn_box{ margin-top: 0px; }
	.header_box .btn_box .search_btn{ height: 35px; }
}
@media (max-width:768px){
	.terminal_retail_center .title_cn{font-size: 20px; margin: 30px 15px 10px;}	
	.terminal_retail_center .title_en{font-size: 18px; margin: 0 15px 25px; width: 80%;}
}
@media (max-width:480px){
	.header_box{ padding: 8px 15px; }
	.header_box h1{ width: 115px; height: 34px; }
	.hrbox .tianmao{ display:none; }
	.hrbox .wxewm{ display: none; }
	.header_box .btn_box .menu{ margin-left: 12px;}
}
@media (max-width:400px){
	
}
.banner{width:100%; background-color: #000;}
.banner .swiper-slide{ width:100%;}
.banner .swiper-slide img{ width:100%; animation:banrun 6s linear infinite;}
@keyframes banrun {0% {transform:scale(1)}
50% {transform:scale(1.03)}
100% {transform:scale(1)}
}
.banner .video_box{ font-size: 0; line-height: 0; position: relative;}
.banner .ivideo{ width: 100%; height: 100%; object-fit: cover; }
.pcban .btn{cursor: pointer; display: none; position: absolute; left: 50%; bottom: 100px; margin-left: -105px; width: 210px; height: 60px; line-height: 60px; border: 1px solid rgba(255,255,255,.4); text-align: center; color: #fff; font-size: 18px; pointer-events: none; }
.pcban .swiper-slide:hover .btn{ display: block; }
/* .pcban .swiper-slide-duplicate{ z-index: -1; } */
.banner .video_box .img{
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
.banner .video_box .img img{
	width: 100%; 
	height: 100%; 
	object-fit: cover;
}
.banner .main{ }
.banner .swiper-pagination{ width: 100%; bottom: 62px; color: #fff; text-align:center;z-index:9;}
.banner .swiper-pagination-bullet{ display:inline-block; width:40px; height:4px; margin: 0 7px; background:rgb(255, 255, 255,.4); cursor:pointer; opacity: 1; border-radius: 0;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 14px; }
.banner .swiper-pagination-bullet-active{ background: #fff; }
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 39px;}
.banner .swiper-button-next,.banner .swiper-button-prev{ width: 46px; height: 46px; background-size: auto 27px;}
.banner .swiper-button-prev{ background-image: url(../images/bleft.png);}
.banner .swiper-button-next{ background-image: url(../images/bright.png);}
.banner .swiper-button-next:hover,.banner .swiper-button-prev:hover{ background-color: #c43f2e;}
@media (max-width:1600px){
	
}
@media (max-width:1200px){
	
}
@media (max-width:991px){
	.banner .swiper-pagination{ bottom: 30px; }
	.banner .swiper-button-next, .banner .swiper-button-prev{ width: 40px; height: 40px; background-size: auto 24px; }
	/*.banner .swiper-button-prev{ left: auto; right: 60px;}
	.banner .swiper-button-next{ right: 10px;}*/
}
@media (max-width:768px){
	
}
@media (max-width:480px){
	.banner .swiper-pagination{ left: 10px; bottom: 10px; }
	.banner .swiper-pagination-bullet{ width:20px; height:2px; margin: 0 4px;}
	.banner .swiper-button-next, .banner .swiper-button-prev{ width: 30px; height: 30px; background-size: auto 16px;}
	/*.banner .swiper-button-prev{ right: 50px;}*/
}
/* 页脚footer */
.footer{ height: auto; color: #8f8f8f; background:url(../images/bg1.jpg) repeat #242424; font-size: 15px; }
.footer .fbox{ padding: 85px 0; display: flex; justify-content: space-between;}
.footer .fbox .left{  }
.footer .fbox .left p{ line-height: 30px; }
.footer .fbox .tel{ color: #fff; font-size: 16px; }
.footer .fbox .tel .tips{
	color: #8f8f8f;
	font-size: 12px;
}
.footer .fbox .tel a{ display: block; margin-top: 15px; margin-bottom: 20px; font-size: 35px; font-weight: bold; }
.footer .fbox .tel1{ margin-top: 5px; }
.footer .ewm{ width: auto; }
.footer .ewm .ewmin{ display: inline-block; width: 126px; text-align: center; }
.footer .ewm .ewmin.one{ margin-right: 26px; }
.footer .ewm .ewmin p{ line-height: 50px; }
.footer .foot_nav{  }
.footer .foot_nav dl{ float:left; width: 165px; text-align:left; }
.footer .foot_nav dl:last-child{ width: auto; }
.footer .foot_nav dl dt{ color:#fff; line-height:36px; font-size:16px;}
.footer .foot_nav dl dd{ line-height:36px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.footer .foot_nav dl dd a:hover{ color: #ccc; }
.copyright{ padding: 35px 0; border-top: 1px solid #434343; font-size: 15px; text-align: center;}
.copyright span{ display: inline-block; margin-right:20px;}
.copyright span a{margin: 0 10px;}
.copyright span:last-child{margin-right: 0;}
@media (max-width:1600px){
	.footer{ padding: 0 15px; }
	.footer .fbox{ padding: 50px 0;}
	.footer .fbox .left{ width: 250px; }
	.footer .foot_nav dl{ width: 145px; }
	.copyright{ padding: 25px 0; }
}
@media (max-width:1400px){
	.footer .foot_nav dl{ width: 130px; }
}
@media (max-width:1200px){
	.footer .fbox{ padding: 40px 0;}
	.footer .fbox .tel a{ font-size: 28px; margin-top: 10px; margin-bottom: 14px; }
	.footer .foot_nav dl{ width: 115px; }
	.footer .ewm{ width: 110px; }
	.footer .ewm .ewmin{ width: 100%; }
	.footer .ewm .ewmin.one{ margin-right: 0; margin-bottom: 5px; }
	.footer .ewm .ewmin p{ line-height: 40px; }
}
@media (max-width:991px){
	.footer .foot_nav{ display: none; }
	.footer .ewm{ width: 240px; }
	.footer .ewm .ewmin{ width: 110px; }
	.footer .ewm .ewmin.one{ margin-right: 15px; margin-bottom: 0px; }
}
@media (max-width:768px){
	.footer{ font-size: 14px; }
	.footer .fbox{ flex-wrap: wrap; padding: 30px 0 20px; text-align: center; }
	.footer .fbox .left{ width: 100%; }
	.footer .fbox .left p{ line-height: 26px; }
	.footer .fbox .tel a{ margin: 0; font-size: 22px;}
	.footer .ewm{ width: 100%; margin-top: 15px; }
	.footer .ewm .ewmin p{ line-height: 30px; }
	.copyright{ padding: 15px 0; font-size: 12px; line-height: 24px; text-align: center; }
	.index-public pre p,.index-public h3 p{font-size: 6vw;}
	.about-culture,.about-course {
		margin: 20px auto !important;
	}
}
@media (max-width:480px){
	.footer .fbox{ padding: 20px 0; }
	.footer .fbox .left .tel{ padding-top: 15px; font-size: 13px; }
	.footer .fbox .tel1{ margin-top: 0; margin-bottom: 15px; }
	.footer .ewm .ewmin{ width: 100px; }
}
/* fbanner */
.fbanner{font-size:0; line-height: 0;}
.fbanner img{width:100%; animation: banrun 10s linear infinite;}
.follow_box{ position: fixed; display: none; z-index: 999; right: 0; top: 50%; transform: translateY(-50%); }
.follow_box div{ margin-bottom: 2px; width: 60px; height: 60px; cursor: pointer; background-color: #5c5c5c; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.follow_box div a{ display: block; width: 100%; height: 100%; }
.follow_box div.bcustom{ background-image: url(../images/bcustom.png); }
.follow_box div.bjoin{ background-image: url(../images/bjoin.png); }
.follow_box div.btop{ background-image: url(../images/btop.png); }
.follow_box div:hover{ background-color: #c43f2e; }
.follow_box div.bcustom:hover{ background-image: url(../images/bcustomh.png); }
.follow_box div.bjoin:hover{ background-image: url(../images/bjoinh.png); }
@media (max-width:1200px){
	.follow_box div{ width: 60px; height: 60px; }
}
@media (max-width:768px){
	.follow_box div{ width: 50px; height: 50px; }
}
@media (max-width:480px){
	.follow_box{ display: none!important; }
}
.islide1{ padding: 75px 0; display: flex; justify-content: center; flex-wrap: wrap;}
.islide1 .item{ width: 12.5%; text-align: center; }
.islide1 .item .img{ height: 40px; }
.islide1 .item .img .pc{  }
.islide1 .item .img .mo{ display: none; }
.islide1 .item .text{  }
.islide1 .item h5{ line-height: 40px; font-size: 16px; color: #333; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.islide1 .item p{ font-size: 14px; color: #888;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
@media (max-width:1600px){
	.islide1{ padding: 70px 0; }
}
@media (max-width:1200px){
	
}
@media (max-width:991px){
	.islide1{ padding: 30px 0 60px; }
	.islide1 .item{ margin-top: 30px; width: 25%; }
}
@media (max-width:768px){
	.islide1{ padding: 20px 0 50px; }
	.islide1 .item h5{ line-height: 30px; }
	.about-course>*.right{margin:1% 5%;}
	.course-cont{width: 100% !important; padding: 0 !important; position: absolute !important; top: 0;}
	.course-text{padding-top: 70px !important;}
	.course-item>*{margin: 0 !important;}
	.course-item li{width: 30%;}
	.course-banner{height: auto !important;}
}
@media (max-width:480px){
	.islide1{ padding: 20px 0 40px; }
	.islide1 .item{ margin-top: 30px; width: 33.33%; }
	.islide1{ justify-content: space-between;}
	.islide1::after{ content:""; width: 33.33%; }
	.islide1 .item .img{ height: 25px; }
	.islide1 .item .img .pc{ display: none; }
	.islide1 .item .img .mo{ display: inline-block; }
	.islide1 .item p{ display: none; }
	.islide1 .item h5{ margin-top: 10px; font-size: 14px; }
}
@media (max-width:374px){
	.islide1 .item{ width: 50%; }
}
/*.islide1{ padding: 45px 0 75px; }
.islide1 .swiper-container{ padding-top: 30px; }
.islide1 .item{ text-align: center; }
.islide1 .item .img{  }
.islide1 .item .text{  }
.islide1 .item h5{ line-height: 40px; font-size: 16px; color: #333; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.islide1 .item p{ font-size: 14px; color: #888;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
@media (max-width:1600px){
	.islide1{ padding: 40px 0 70px; }
}
@media (max-width:1200px){
	
}
@media (max-width:991px){
	.islide1{ padding: 30px 0 60px; }
}
@media (max-width:768px){
	.islide1{ padding: 20px 0 50px; }
	.islide1 .item h5{ line-height: 30px; }
}
@media (max-width:480px){
	.islide1{ padding: 10px 0 40px; }
}*/
.islide2{ margin-bottom: 50px; }
.islide2 .title{ position: relative; margin: 50px 0; }
.islide2 .title h2{ line-height: 46px; font-size: 36px; color: #333; }
.islide2 .gallery-top{  }
.islide2 .gallery-top>.swiper-wrapper .swiper-slide{ }
.islide2 .gallery-top>.swiper-wrapper .swiper-slide a{ display: block; width: 100%; height: 0; padding-top: 50%; background-position: center center; background-size: cover; }
.islide2 .swiper-button-next,.islide2 .swiper-button-prev{ width: 55px; height: 55px;background-color: #fff; background-size: 27px 20px; opacity: .7; }
.islide2 .swiper-button-prev{ left: 0; }
.islide2 .swiper-button-next{ right: 0; }
.islide2 .gallery-thumbs{ z-index: 555; width: 100%; box-sizing: border-box; }
.islide2 .gallery-thumbs .swiper-slide{ display: flex; justify-content: center; align-items: center; height: 120px; overflow: hidden; cursor: pointer; background-color: #f4f4f4; color: #fff; }
.islide2 .gallery-thumbs .swiper-slide .text{ max-width: 413px; text-align: center; padding: 0 15px; box-sizing: border-box; }
.islide2 .gallery-thumbs .text h6{ font-size: 20px; line-height: 46px; color:#333; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.islide2 .gallery-thumbs .text p{ height: 48px; line-height: 24px; color:#888; opacity: .67; overflow: hidden; }
.islide2 .gallery-thumbs .swiper-slide-thumb-active .text h6{ color:#fff; }
.islide2 .gallery-thumbs .swiper-slide-thumb-active .text p{ color:#fff; }
.islide2 .gallery-thumbs .swiper-slide.swiper-slide-thumb-active{ background-color: #c43f2e; }
.islide2 .swiper-button-next.swiper-button-disabled,.islide2 .swiper-button-prev.swiper-button-disabled{ opacity: .2; }
@media (max-width:1600px){
	.islide2{ padding: 0 15px; box-sizing: border-box;}
	.islide2 .title{ margin: 40px 0; }
	.islide2 .title h2{ font-size: 32px; }
	.islide2 .gallery-thumbs .swiper-slide{ height: 130px;}
}
@media (max-width:1200px){
	.islide2{ margin-bottom: 30px; }
	.islide2 .title{ margin: 30px 0; }
	.islide2 .title h2{ font-size: 26px; }
	.islide2 .swiper-button-next,.islide2 .swiper-button-prev{ width: 40px; height: 40px; }
	.islide2 .gallery-thumbs .swiper-slide{ height: 110px;}
	.islide2 .gallery-thumbs .text h6{ font-size: 18px; line-height: 36px; }
}
@media (max-width:991px){
	.islide2 .title{ height: 40px; }
	.islide2 .title h2{ line-height: 40px; font-size: 24px; }
	.islide2 .gallery-thumbs .swiper-slide{ height: 90px;}
	.islide2 .gallery-thumbs .text h6{ font-size: 17px; line-height: 32px; }
	.islide2 .gallery-thumbs .text p{ height: 40px;	line-height: 20px; font-size: 14px; }
}
@media (max-width:768px){
	.islide2{ margin-bottom: 10px; }
	.islide2 .title{ height: 35px; margin: 30px 0 20px; }
	.islide2 .title h2{ line-height: 35px; font-size: 20px; }
	.islide2 .swiper-button-next,.islide2 .swiper-button-prev{ width: 30px; height: 30px; margin-top: -15px; background-size: 27px 15px;}
	.islide2 .gallery-thumbs{ bottom: 0px;}
	.islide2 .gallery-thumbs .text h6{ font-size: 16px; line-height: 30px; }
	.islide2 .gallery-thumbs .text p{ font-size: 13px; }
}
@media (max-width:480px){
	.islide2{ margin-bottom: 0px; }
	.islide2 .gallery-thumbs .swiper-slide{ height: 50px;}
	.islide2 .gallery-thumbs .text h6{ font-size: 15px; }
	.islide2 .gallery-thumbs .text p{ display: none; }
}
.islide3{ overflow: hidden; }
.islide3 .title{ position: relative; margin: 50px 0; }
.islide3 .title h2{ line-height: 46px; font-size: 36px; color: #333; }
.islide3 .title .btnpn{ position: absolute; z-index: 66; top: 1px; right: 0; width: 106px; height: 100%; }
.islide3 .btnpn .swiper-button-prev,.islide3 .btnpn .swiper-button-next{ cursor: pointer; width: 44px; height: 44px; border: 1px solid #c9c9c9; opacity: 1; background: url(../images/btns.png) center center no-repeat; background-size: auto 16px; }
.islide3 .btnpn .swiper-button-prev{ left: 0; }
.islide3 .btnpn .swiper-button-next{ transform: rotate(180deg); right: 0; }
.islide3 .btnpn .swiper-button-prev:hover,.islide3 .btnpn .swiper-button-next:hover{ border-color: #c43f2e; background-image: url(../images/btnsb.png); }
.islide3 .btnpn .swiper-button-disabled{ opacity: .3; }
.islide3 .swiper-slide{ width: 100%; }
.islide3 .item{ width: 100%; height: 370px; padding: 28px 0 28px 25px; box-sizing: border-box; background: url(../images/ibg3.jpg) center center no-repeat; background-size: cover; }
.islide3 .item:hover{animation:banrun 3s linear infinite}
.islide3 .item .text{ float: left; position: relative; width: 54%; height: 100%;}
.islide3 .item .text h4{ line-height: 60px; font-size: 26px; color: #333; }
.islide3 .item .text .textp{ margin-top: 10px; line-height: 26px; font-size: 15px; color: #888; }
.islide3 .item .text .more{ position: absolute; bottom: 8px; width: 125px; height: 42px; line-height: 42px; border-radius: 21px; background-size: auto 22px; text-align: center; overflow: hidden; background-color: #fff; }
.islide3 .item .text .more i{ vertical-align: 1px; }
.more:hover{ color: #fff; }
.islide3 .item .img{ float: right; display: flex; align-items: center; width: 44%; height: 100%; text-align: center; }
@media (max-width:1600px){
	.islide3{ padding: 0 15px; box-sizing: border-box; }
	.islide3 .title{ margin: 40px 0; }
	.islide3 .title h2{ font-size: 32px; }
	.islide3 .item{ height: 310px;}
	.islide3 .item .text h4{ line-height: 50px; font-size: 24px; }
	.islide3 .item .text .more{ width: 120px; background-size: auto 20px; }
}
@media (max-width:1400px){
	.islide3 .title{ margin: 30px 0; }
	.islide3 .title h2{ font-size: 28px; }
	.islide3 .item{ height: 255px;}
	.islide3 .item .text h4{ line-height: 40px; font-size: 22px; }
	.islide3 .item .text .textp{ font-size: 14px; }
}
@media (max-width:1200px){
	.islide3 .title h2{ font-size: 26px; }
	.islide3 .item{ height: 225px;}
	.islide3 .item .text .textp{ margin-top: 0; }
	.islide3 .item .text h4{ line-height: 36px; font-size: 20px; }
	.islide3 .item .text .more{ bottom: 0; width: 110px; height: 30px; line-height: 30px; font-size: 15px; }
}
@media (max-width:991px){
	.islide3 .title{ height: 40px; }
	.islide3 .title h2{ line-height: 40px; font-size: 24px; }
	.islide3 .title .btnpn{ width: 90px; }
	.islide3 .btnpn .swiper-button-prev, .islide3 .btnpn .swiper-button-next{ width: 38px; height: 38px; }
	.islide3 .item{ padding: 20px 0 20px 20px;}
	.islide3 .item .text{ width: 50%; }
	.islide3 .item .text h4{ font-size: 18px; }
	.islide3 .item .text .textp{ line-height: 24px; }
	.islide3 .item .text .more{ position: relative; margin-top: 15px; font-size: 13px; }
	.islide3 .item .img{ width: 48%; }
}
@media (max-width:768px){
	.islide3 .title{ height: 35px; margin: 30px 0 20px; }
	.islide3 .title h2{ line-height: 35px; font-size: 20px; }
	.islide3 .title .btnpn{ top: 8px; width: 74px; }
	.islide3 .btnpn .swiper-button-prev, .islide3 .btnpn .swiper-button-next{ width: 28px; height: 28px; }
	.islide3 .item{ padding: 15px; height: auto; background: #eeeeee; }
	.islide3 .item .text{ width: 100%; height: auto; margin-bottom: 15px;}
	.islide3 .item .text h4{ font-size: 16px; }
	.islide3 .item .text .textp{ height: 48px; overflow: hidden; white-space:nowrap;text-overflow:ellipsis; }
	.islide3 .item .img{ justify-content: center; width: 100%; height: 200px; }
}
@media (max-width:480px){
	.islide3{ padding-top: 25px; }
	.islide3 .item .text h4{ line-height: 30px; padding: 15px 0; }
	.islide3 .item .text .textp{ display: none; }
	.islide3 .item .text .more{display: none; }
	.islide3 .item .img{ justify-content: center; width: 100%; height: 150px; }
}
.islide4{ padding-top: 70px;padding-bottom:65px; max-width: 1920px; margin: 0 auto; }
.islide4 .title{ margin: 0 0 50px ; }
.islide4 .title h2{ line-height: 46px; font-size: 36px; color: #333; }
.islide4 .item{ position: relative; width: 100%; height: 700px; overflow: hidden; box-sizing: border-box; color: #fff; }
.islide4 .item img{ width: 100%; height: 100%; object-fit: cover; }
.islide4 .item .text{ position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; padding: 9% 7%; box-sizing: border-box; }
.islide4 .item p{ line-height: 36px; font-size: 20px; }
.islide4 .item .bh{ margin-top: 10%; font-size: 26px; color:#fff; border-radius:2px; background-color: rgba(223,0,32, 0.68); color:#fff; padding:3px 8px; width:fit-content}
.islide4 .item i{ position: absolute; left: 7%; bottom: 9%; width: 62px; height: 62px; background: url(../images/play.png) center center no-repeat; background-size: auto 62px; }
@media (max-width:1600px){
	.islide4 .item{ height: 600px;}
	.islide4 .item p{ font-size: 18px; }
	.islide4 .item .bh{ margin-top: 12%; font-size: 22px; }
	.islide4 .item i{ width: 50px; height: 50px; background-size: auto 50px; }
}
@media (max-width:1400px){
	.islide4 .item{ height: 550px;}
}
@media (max-width:1200px){
	.islide4{ padding: 85px 0; }
	.islide4 .item{ height: 450px;}
}
@media (max-width:991px){
	.islide4{ padding: 70px 0; }
	.islide4 .item{ height: 350px;}
	.islide4 .item p{ line-height: 30px; font-size: 16px; }
	.islide4 .item .bh{ margin-top: 12%; font-size: 24px;}
	.islide4 .item i{ width: 40px; height: 40px; background-size: auto 40px; }
}
@media (max-width:768px){
	.islide4{ padding: 55px 0; }
	.islide4 .item p{ font-size: 15px; }
	.foott ul li .tit{font-weight: 100; width: 30px; margin: 0 auto; line-height: 1.45;}
	.ilc{padding-top: 20px; height: 385px;}
	.ilcc .list .tit{margin: 5px 0;}
	.ilcc .list{width: 33.333%; margin-bottom: 15px;}
	.ilcc .list .img{width: 40px; height: 40px; border-radius: 40px;}
	.ilcc .list .img.img{background-size: 60%;}
	.ilcc .list .line{width: 110px !important;}
	.ilcc .list:nth-child(3n) .line{display: none;}
}
@media (max-width:480px){
	.islide4{ padding: 20px 0 30px; }
}
.index5{ overflow: hidden; margin-bottom: 50px; }
.index5 .combox{ position: relative; width: 49.5%; height: 520px; box-sizing: border-box; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: 100%; }
.index5 .combox img{ position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%; object-fit: cover; }
.index5 .combox a{ display: block; padding: 75px 60px; width: 100%; height: 100%; box-sizing: border-box; }
.index5 .combox h3{ font-size: 30px; }
.index5 .combox .textp{ margin-top: 25px; line-height: 30px; text-align: justify;}
.index5 .combox .more{ display: block; position: absolute; left: 60px; bottom: 75px; width: 180px; height: 52px; line-height: 52px; border-radius: 26px; border: 1px solid #fff; font-size: 18px; text-align: center; transition: all .3s ease-in-out; }
.index5 .combox a:hover .more{ border-color: #c43f2e; background-color: #c43f2e; color: #fff; }
.index5 .iabout{ float: left; color: #fff; }
.index5 .iabout:hover{ background-size: 110%; }
.index5 .ijoin{ float: right; }
.index5 .ijoin h3{ color: #333; }
.index5 .ijoin .more{ border-color: #d2d2d2; }
@media (max-width:1600px){
	.index5{ padding: 0 15px; box-sizing: border-box; }
	.index5 .combox{ height: 450px; }
	.index5 .combox a{ padding: 55px 45px; }
	.index5 .combox h3{ font-size: 28px; }
	.index5 .combox .textp{ margin-top: 22px; }
	.index5 .combox .more{ left: 45px; bottom: 50px; width: 160px; height: 44px; line-height: 44px; border-radius: 22px; font-size: 17px;}
}
@media (max-width:1200px){
	.index5{ margin-bottom: 30px; }
	.index5 .combox{ width: 49%; height: 400px;}
	.index5 .combox a{ padding: 35px; }
	.index5 .combox h3{ font-size: 26px; }
}
@media (max-width:991px){
	.index5 .combox a{ padding: 30px;}
	.index5 .combox h3{ font-size: 24px; }
	.index5 .combox .textp{ margin-top: 18px; line-height: 28px; font-size: 14px; }
	.index5 .combox .more{ left: 30px; bottom: 30px; width: 140px; height: 38px; line-height: 38px; border-radius: 19px; font-size: 16px;}
}
@media (max-width:768px){
	.index5{ margin-bottom: 10px; }
	.index5 .combox a{ padding: 25px 15px; }
	.index5 .combox h3{ font-size: 19px; }
	.index5 .combox .textp{ margin-top: 16px; line-height: 25px; font-size: 14px; }
	.index5 .combox .more{ left: 15px; bottom: 25px; width: 120px; height: 34px; line-height: 34px; border-radius: 17px; font-size: 15px;}
}
@media (max-width:480px){
	.index5{ margin-bottom: 0px; }
	.index5 .combox{ width: 100%;}
	.iabout{ margin-bottom: 20px; }
	.index5 .combox h3{ font-size: 18px; }
	.index5 .combox .textp{ line-height: 24px; }
}
.inews{ overflow: hidden; padding-bottom: 120px; }
.inews .title{ margin: 50px 0; }
.inews .title h2{ line-height: 46px; font-size: 36px; color: #333; }
.inews .centbox{ height: 500px; display: flex; justify-content: space-between; }
.inews .bimg{ position: relative; width: 49%; height: 100%; font-size: 0; overflow: hidden; }
.inews .bimg a{ display: block; width: 100%; height: 100%; }
.inews .bimg img{ width: 100%; height: 100%; object-fit: cover; }
.inews .bimg .text{ position: absolute; left: 0; bottom: 0; width: 100%; padding: 29px 25px 29px 50px; box-sizing: border-box; font-size: 20px; color: #fff; background-color: rgb(0, 0, 0,.6); }
.inews .bimg .text::before{ position: absolute; content: ""; left: 25px; top: 50%; width: 6px; height: 6px; background-color: #fff; }
.inews .bimg:hover .text{ background-color: rgba(223,0,32, 0.78); }
.inews .imgli{ width: 49%; display: flex; flex-direction: column; justify-content: space-between; }
/*.inews .imgli:after{ content:""; height: 144px; }*/
.inews .imgli .item{  }
.inews .imgli .item a{ display: flex;  }
.inews .imgli .item .img{ float: left; flex: 0 0 226px; height: 144px; overflow: hidden;  }
.inews .imgli .item .img img{ width: 100%; height: 100%; object-fit: cover; }
.inews .imgli .item .date{ float: left; flex: 0 0 110px; border-right: 1px solid #dcdcdc; font-family: "exo"; text-align: center; }
.inews .imgli .item .date .num{ font-size: 46.5px; color: #333; }
.inews .imgli .item .date .ym{  }
.inews .imgli .item .text{ width: 52%; padding-left: 30px; box-sizing: border-box;}
.inews .imgli .item .text h5{ padding: 15px 0 20px; font-size: 20px; color: #333; /* overflow:hidden;white-space:nowrap;text-overflow:ellipsis; */}
.inews .imgli .item:hover .text h5{ color: #c43f2e; }
.inews .imgli .item .text p{ height: 48px; line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.inews .imgli .item .text .day{ display: none; }
@media (max-width:1600px){
	.inews{ padding: 0 15px; padding-bottom: 100px; box-sizing: border-box; }
	.inews .centbox{ height: 450px; }
	.inews .title{ margin: 40px 0; }
    .inews .title h2{ font-size: 32px; }
	.inews .bimg .text{ padding: 25px 25px 25px 50px; font-size: 18px; }
	.inews .imgli .item .img{ flex: 0 0 200px; height: 135px; }
	.inews .imgli .item .date .num{ font-size: 40px; }
	.inews .imgli .item .text{ padding-left: 20px; }
	.inews .imgli .item .text h5{ padding: 13px 0 18px; font-size: 18px;}
}
@media (max-width:1400px){
	.inews{ padding-bottom: 90px; }
	.inews .centbox{ height: 400px; }
	.inews .title{ margin: 30px 0; }
	.inews .title h2{ font-size: 28px; }
	.inews .bimg .text{ padding: 20px 20px 20px 40px; }
	.inews .imgli .item .img{ flex: 0 0 180px; height: 120px; }
	.inews .imgli .item .date .num{ font-size: 36px; }
	.inews .imgli .item .text{ padding-left: 15px; }
}
@media (max-width:1200px){
	.inews{ padding-bottom: 80px; }
	.inews .centbox{ height: 350px; }
	.inews .title h2{ font-size: 26px; }
	.inews .bimg .text{ padding: 15px 25px 15px 40px; font-size: 16px; }
	.inews .imgli .item .img{ flex: 0 0 170px; height: 105px; }
	.inews .imgli .item .date{ flex: 0 0 80px; }
	.inews .imgli .item .date .num{ font-size: 32px; }
	.inews .imgli .item .date .ym{ font-size: 14px; }
	.inews .imgli .item .text h5{ padding: 6px 0 10px; font-size: 16px;}
	.inews .imgli .item .text p{ font-size: 14px; }
}
@media (max-width:1100px){
	.inews .centbox{ height: 350px; }
}
@media (max-width:991px){
	.inews{ padding-bottom: 40px; }
	.inews .centbox{ height: auto; }
	.inews .title{ height: 40px; }
	.inews .title h2{ line-height: 40px; font-size: 24px; }
	.inews .centbox{ flex-wrap: wrap; width: 80%; margin: 0 auto; }
	.inews .bimg{ width: 100%; margin-bottom: 20px;}
	.inews .imgli{ width: 100%; }
	.inews .imgli .item{ margin-bottom: 20px; overflow:hidden; }
	.inews .imgli .item .img { height: 110px; flex: 0 0 160px;}
	.inews .imgli .item .text{ width: 70%; max-width: 700px;  }
}
@media (max-width:768px){
	.inews{ padding-bottom: 30px; }
	.inews .title{ height: 35px; margin: 30px 0 20px; }
	.inews .title h2{ line-height: 35px; font-size: 20px; }
	.inews .imgli .item .img {height: 100px; flex: 0 0 150px;}
	.inews .imgli .item .text{ width: 50%;}
	.islide4 .title{padding: 0 15px;}
}
@media (max-width:640px){
	.inews .title,.islide4 .title{ height: 35px; margin: 30px 0 20px; }
	.inews .title h2,.islide4 .title h2{ line-height: 35px; font-size: 20px; }
	.inews .centbox{ width: 100%; margin: 0 auto; }
	.inews .bimg{ margin-bottom: 30px;}
	.inews .bimg .text {padding: 10px 25px 10px 40px;font-size: 15px;}
	.inews .bimg .text::before{ left: 20px; top: 45%; }
	.inews .imgli{ }
	.inews .imgli .item{ margin-bottom: 30px; }
	.inews .imgli .item .img{height: 100px; flex: 0 0 130px;}
}
@media (max-width:480px){
	.inews .imgli .item .img{ width: 36%; }
	.inews .imgli .item .date{ display: none; }
	.inews .imgli .item .text{ width: 64%; }
	.inews .imgli .item .text h5{ padding: 0; margin-bottom: 10px; }
	.inews .imgli .item .text p{ font-size: 13px; line-height: 22px; }
	.inews .imgli .item .text .day{ display: block; margin-top: 5px; font-size: 12px; }
}
@media (max-width:375px){
	.inews .imgli .item .img{ width: 38%; }
	.inews .imgli .item .text{ width: 62%; }
}
/* comm */
/* fcom-nav */
.fcom-nav{ padding: 20px 0; box-sizing: border-box; border-bottom: 1px solid #e5e5e5; }
.fcom-nav ul{ display: flex; }
.fcom-nav ul li{ width: 150px; height: 50px; line-height: 50px; margin-right: 5px; overflow: hidden; font-size: 16px; text-align: center; color: #333; }
.fcom-nav ul li.active,.fcom-nav ul li:hover{ background-color: #c43f2e; color: #fff; }
.fcom-nav ul li a{ display: block; height: 100%; }
@media (max-width:1600px){
	.fcom-nav{ padding: 20px 15px; }
}
@media (max-width:1200px){
	
}
@media (max-width:991px){
	.fcom-nav{ padding: 15px; }
	.fcom-nav ul li{ width: 100px; height: 40px; line-height: 40px; font-size: 15px;}
}
@media (max-width:768px){
	.fcom-nav ul{ flex-wrap: wrap; }
	.fcom-nav ul li{ width: auto; padding: 0 10px;  }
}
@media (max-width:480px){
	.fcom-nav{ padding: 15px 15px 10px; }
	.fcom-nav ul{ padding:5px 0; }
	.fcom-nav ul li{ height: 30px; line-height: 30px; font-size: 14px; margin: 2px 2px;}
	.fcom-nav ul li.active,.fcom-nav ul li:hover{ background-color: transparent; color: #c43f2e; }
}
/* page */
.page{
	text-align:center;
	color: #666;
}
.page>div{
	display:inline-block;
}
.page a{
	display:inline-block;
	height:36px;
	line-height:36px;
	padding:0 14px;
	margin:0 3px 10px;
	font-size:15px;
	color:#666;
	background:#fff;
	border: 1px solid #d2d2d2;
}
.page a:active,
.page a.on{
	background-color:#c43f2e;
	color:#fff;
}
.page a.prev,
.page a.next{
	padding:0;
	width:36px;
	font-family: "宋体";
}
/* .page a.prev{
	background: #fff url(../images/l_bg2.png) center center no-repeat;
	background-size: 20%;
}
.page a.next{
	background: #fff url(../images/r_bg2.png) center center no-repeat;
	background-size: 20%;
} */
.pages_num{ display: inline-block; height: 38px; }
.pages_num span.total{ padding: 0 8px; }
.pages_num input.numpage{ width: 30px; padding: 0 3px; height: 36px; border: 1px solid #d2d2d2;  text-align: center; }
.pages_num input.btnpage{ margin-left: 15px; width: 70px; height: 38px; border: 1px solid #d2d2d2; cursor: pointer; font-size: 15px; color: #666; }
.pages_num input.btnpage:hover{ background-color:#c43f2e; color:#fff; }
@media (max-width:768px){
	.page a{
		height:30px;
		line-height:30px;
		font-size:14px;
		padding: 0 11px;
	}
	.pages_num{ height: 32px; }
	.pages_num input.numpage{ width: 30px; padding: 0 3px; height: 30px; border: 1px solid #d2d2d2;  text-align: center; }
	.pages_num input.btnpage{ height: 32px;}
}
/* case */
.case{ padding: 75px 15px 100px; box-sizing: border-box; background-color: #f4f4f4; }
.case .list{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.case .list::after{ content: ""; width: 31.2%; }
.case .list .item{ width: 31.2%; margin-bottom: 65px; overflow: hidden; }
.case .list .item .img{ position: relative; width: 100%; height:0; padding-top: 61%; overflow: hidden; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.case .list .item .img img{ width: 100%; height: 100%; object-fit: cover; }
.case .item .text{ overflow: hidden; }
.case .item p{ margin: 28px 0 22px; color: #333; font-size: 18px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.case .item .outline{ position: relative; width: 100%; height: 1px; background-color: #d2d2d2; overflow: hidden; }
.case .item .moveline{ position: absolute; left: -90%; width: 100%; height: 1px; background-color: #707070; }
.case .item:hover .moveline{ left: 0; }
.case .page{ padding-top: 30px;  }
@media (max-width:1600px){
	.case{ padding: 60px 15px 80px; }
	.case .list .item{ width: 31.2%; margin-bottom: 55px; }
	.case .item p{ margin: 24px 0 18px;}
	.case .page{ padding-top: 20px;  }
}
@media (max-width:1200px){
	.case{ padding: 60px 15px 60px; }
	.case .list .item{ margin-bottom: 45px; }
	.case .item p{ margin: 22px 0 16px; font-size: 16px; }
}
@media (max-width:991px){
	.case{ padding: 50px 15px; }
	.case .list::after{ display: none; }
	.case .list .item{ width: 48%; margin-bottom: 35px; }
	.case .item p{ margin: 18px 0 14px; }
}
@media (max-width:768px){
	.case{ padding: 40px 15px; }
	.case .list .item{ margin-bottom: 40px; }
	.case .list .item .img{  }
	.case .item p{ margin: 18px 0 15px; }
}
@media (max-width:480px){
	.case .list{ justify-content: center; }
	.case .list .item{ width: 90%; }
	.case .list .item:last-child{ margin-bottom: 10px; }
	.case .list .item .img{  }
}
@media (max-width:375px){
	.case .list .item{ width: 100%; }
}
/* casedet */
.casedet{ padding: 95px 15px; box-sizing: border-box; background-color: #f4f4f4; }
.mgmain{ width: 100%; max-width: 1000px; margin: 0 auto; }
.casedet .major{  }
.major .pic{ font-size: 0; }
.major .pic img{ width: 100%; }
.major .oth{ padding: 50px 0 20px; line-height: 36px; border-bottom: 1px solid #dcdcdc; }
.major .oth h5{ margin-right: 20px; display: inline-block; font-size: 28px; color: #333; }
.major .oth .hre_a{ float: right; display: inline-block;  }
.major .oth .hre_a a{ margin-left: 12px; }
.major .oth .hre_a a:hover{ color: #333; }
.casedet .text_box{ padding-top: 35px; }
@media (max-width:1600px){
	.casedet{ padding: 75px 15px;}
	.major .oth{ padding: 40px 0 20px; }
	.major .oth h5{ font-size: 26px; }
}
@media (max-width:1200px){
	.casedet{ padding: 65px 15px;}
	.major .oth{ padding: 35px 0 15px; }
	.major .oth h5{ font-size: 24px; }
}
@media (max-width:991px){
	.casedet{ padding: 55px 15px;}
	.major .oth h5{ font-size: 22px; }
}
@media (max-width:768px){
	.casedet{ padding: 45px 15px;}
	.major .oth{ padding: 25px 0 10px; }
	.major .oth h5{ font-size: 20px; }
}
@media (max-width:480px){
	.casedet{ padding: 30px 15px;}
	.major .oth{ height: auto; padding: 20px 0 10px; line-height: 24px; text-align: center; }
	.major .oth h5{ width: 100%; font-size: 18px; }
	.major .oth .hre_a{ width: 100%; }
}
/* video */
.video{ padding: 75px 15px 100px; box-sizing: border-box; background-color: #f4f4f4; }
.video .list{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.video .list::after{ content: ""; width: 31.2%; }
.video .list .item{ width: 31.2%; margin-bottom: 65px; background-color: #fff; }
.video .list .item .img{ width: 100%; height: 0; padding-top: 60%; overflow: hidden; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.video .item .text{ position: relative; padding-right: 90px; box-sizing: border-box; line-height: 78px; font-size: 16px; text-indent: 30px; background-color: #fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.video .item:hover .text{ background-color: #c43f2e; color: #fff; }
.video .item .text::after{ position: absolute; content: ""; right: 30px; width: 44px; height: 100%; background-image: url(../images/vplay.png); background-repeat: no-repeat; background-position: center center; background-size: auto 44px; }
.video .item:hover .text::after{ background-image: url(../images/vplayh.png); }
.video .page{ padding-top: 30px;  }
@media (max-width:1600px){
	.video{ padding: 60px 15px 80px; }
	.video .list .item{ width: 31.2%; margin-bottom: 55px; }
	.video .item .text{ padding-right: 75px; line-height: 60px; text-indent: 20px; }
	.video .item .text::after{ width: 36px; right: 20px; background-size: auto 36px; }
	.video .page{ padding-top: 20px;  }
}
@media (max-width:1200px){
	.video{ padding: 60px 15px; }
	.video .list .item{ margin-bottom: 45px; }
}
@media (max-width:991px){
	.video{ padding: 50px 15px; }
	.video .list::after{ display: none; }
	.video .list .item{ width: 48%; margin-bottom: 35px; }
}
@media (max-width:768px){
	.video{ padding: 40px 15px; }
	.video .list .item{ margin-bottom: 35px; }
	.video .item .text{ padding-right: 50px; line-height: 46px; text-indent: 15px; font-size: 15px; }
	.video .item .text::after{ width: 26px; right: 15px; background-size: auto 26px; }
}
@media (max-width:480px){
	.video .list{ justify-content: center; }
	.video .list .item{ width: 90%;}
	.video .list .item:last-child{ margin-bottom: 10px; }
}
@media (max-width:375px){
	.video .list .item{ width: 100%; }
}
/* news */
.news{ padding: 75px 15px 100px; box-sizing: border-box; background-color: #f4f4f4; }
.news .list{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.news .list::after{ content: ""; width: 31.2%; }
.news .list .item{ width: 31.2%; margin-bottom: 65px; background-color: #fff; }
.news .list .item .img{ width: 100%; height: 0; padding-top: 55%; overflow: hidden; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.news .item .text{ padding: 36px 20px 36px 30px; box-sizing: border-box; color: #888; }
.news .item .text .date{ }
.news .item .text h5{ line-height: 46px; font-size: 20px; color: #333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.news .item .text .textp{ height: 60px; line-height: 30px; overflow: hidden; }
.news .item .text .more{ margin-top: 30px; width: 114px; line-height: 38px; border: 1px solid #dcdcdc; text-align: center;  }
.news .item:hover .text .more{ border-color: #c43f2e; background-color: #c43f2e; color: #fff; }
.news .page{ padding-top: 30px;  }
@media (max-width:1600px){
	.news{ padding: 60px 15px 80px; }
	.news .list .item{ width: 31.2%; margin-bottom: 55px; }
	.news .page{ padding-top: 20px;  }
}
@media (max-width:1200px){
	.news{ padding: 60px 15px; }
	.news .list .item{ margin-bottom: 45px; }
	.news .item .text{ padding: 26px 15px 26px 25px; }
	.news .item .text h5{ font-size: 18px; line-height: 40px; }
	.news .item .text .textp{ height: 52px; line-height: 26px; font-size: 14px; }
	.news .item .text .more{ margin-top: 20px; width: 90px; line-height: 30px; font-size: 14px; }
}
@media (max-width:991px){
	.news{ padding: 50px 15px; }
	.news .list::after{ display: none; }
	.news .list .item{ width: 48%; margin-bottom: 40px; }
}
@media (max-width:768px){
	.news{ padding: 40px 15px; }
	.news .item .text{ padding: 15px 12px 15px 15px; }
}
@media (max-width:480px){
	.news .list{ justify-content: center; }
	.news .list .item{ width: 90%; }
	.news .item .text .more{ display: none; }
}
@media (max-width:375px){
	.news .list .item{ width: 100%; }
	.news .item .text h5{line-height: 36px; font-size: 17px; }
}
/* pro-nav */
.pro-nav{ padding-top: 20px; box-sizing: border-box; }
.pro-nav ul{ float: left; max-width: 1300px; width: 80%; display: flex; flex-wrap: wrap; }
.pro-nav ul li{ margin: 3px 2px; font-size: 0px;border-radius: 3px; text-align: center; color: #333; }
.pro-nav ul li a{ display: inline-block; padding: 0 25px; line-height: 45px; font-size: 16px;white-space:nowrap; }
.pro-nav ul li.active,.pro-nav ul li:hover{ background-color: #c43f2e; color: #fff; }
.pnavform{ float: right; width: 20%; height: 42px; margin: 3px 0; }
.pnavform form{position:relative; width:100%; height: 100%; border-radius: 21px; background-color: #eee; }
.pnavform form input.ptext {display:inline-block;position:absolute;left:0;top:0;width:82%;height:100%;border:none;text-indent:20px;color:#333;font-size:14px;border:none;border-radius:3px; background-color: transparent;}
.pnavform form input.psubmit{display:inline-block;position:absolute;right:0;top:0;width:50px;height:100%;background:url(../images/psubmit.png) center center no-repeat;background-size: auto 20px;border:none;border-radius:3px;color:#fff;font-size:14px;}
@media (max-width:1600px){
	.pro-nav{ padding: 50px 15px 0; }
	.pro-nav ul li a{ padding: 0 22px;}
}
@media (max-width:1200px){
	
}
@media (max-width:991px){
	.pro-nav{ padding-top: 40px; }
	.pro-nav ul{ width:74%;}
	.pro-nav ul li a{ padding: 0 18px; line-height: 40px; font-size: 15px;}
	.pnavform{ width: 26%; min-width: 180px; height: 42px; }
}
@media (max-width:768px){
	.pro-nav{ padding-top: 30px; }
	.pro-nav ul{ width:100%; padding: 10px 0; border-bottom: 1px solid #dcdcdc;}
	.pro-nav ul li a{ padding: 0 12px; line-height: 36px; font-size: 14px;}
	.pnavform{ float: none; width: 100%; height: 38px; margin: 5px auto;}
	.pnavform form input.ptext{ width: 100%; }
}
@media (max-width:480px){
	.pro-nav ul{ flex-wrap: wrap; }
	.pro-nav ul li a{ padding: 0 8px; line-height: 32px;}
}
/*pnavIn*/
.pnavIn{ margin-top: 24px; padding: 24px 15px 0; border-top: 1px solid #dcdcdc; }
.pnavIn ul{  }
.pnavIn li{ float: left; margin: 5px 10px 5px 0; line-height: 40px; border-radius: 20px; }
.pnavIn li a{ display:block; padding: 0 22px; }
.pnavIn li.on,.pnavIn li:hover{ background-color: #eee; color:#333; }
@media (max-width:1600px){
	.pnavIn{ margin-top: 20px; padding-top: 20px; box-sizing: border-box;}
	.pnavIn li a{ padding: 0 18px; }
}
@media (max-width:1200px){
	
}
@media (max-width:991px){
	.pnavIn li a{ padding: 0 15px; }
}
@media (max-width:768px){
	.pnavIn{ margin-top: 0px; padding-top: 15px; border-top: 0px solid #dcdcdc; }
	.pnavIn li{ line-height: 34px;}
	.pnavIn li a{ padding: 0 12px; font-size: 15px; }
}
@media (max-width:480px){
	.pnavIn li{ margin: 2px 6px 2px 0 line-height: 30px;}
	.pnavIn li a{ padding: 0 8px; font-size: 14px; }
}
/* pro1 */
.pro1{ padding: 45px 15px 100px; box-sizing: border-box; }
.pro1 .list{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.pro1 .list .item{ width: 48%; margin-bottom: 65px; background-color: #fff; }
.pro1 .list .item .img{ position: relative; width: 100%; height: 0; padding-top: 54%; overflow: hidden; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.pro1 .list .item .img .tag{
	position: absolute; 
	left: 0; 
	top: 0; 
	width: 80px; 
	height: 80px; 
	background: url(../images/pnew.png) left top no-repeat; 
	background-size: auto 80px; 
}
.pro1 .item .text{ padding: 35px 80px 35px 30px; box-sizing: border-box; color: #888; background: #f1f1f1 url(../images/pmore.png) center right 35px no-repeat; background-size: auto 35px; }
.pro1 .item .text h5{ line-height: 40px; font-size: 20px; color: #333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.pro1 .item .text h5 i{ padding: 0 15px; color: #bfbfbf; vertical-align: 2px; }
.pro1 .item .text .textp{ line-height: 30px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.pro1 .item .text .textp p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.pro1 .item:hover .text{ background-color: #c43f2e; background-image: url(../images/pmoreh.png); }
.pro1 .item:hover .text h5{ color: #fff;}
.pro1 .item:hover .text h5 i{ color: #7088c1; }
.pro1 .item:hover .text .textp{ color: #879ed4; }
.pro1 .page{ padding-top: 30px;}
@media (max-width:1600px){
	.pro1{ padding: 60px 15px 80px; }
	.pro1 .list .item{ margin-bottom: 55px; }
	.pro1 .list .item .img .tag{ background-size: auto 70px; }
	.pro1 .page{ padding-top: 20px;  }
}
@media (max-width:1200px){
	.pro1{ padding: 60px 15px; }
	.pro1 .list .item{ margin-bottom: 45px; }
	.pro1 .list .item .img .tag{ background-size: auto 60px; }
	.pro1 .item .text{ padding: 26px 70px 26px 23px; background-size: auto 30px; background-position: center right 23px; }
	.pro1 .item .text h5{ font-size: 18px; line-height: 36px; }
	.pro1 .item .text .textp{ font-size: 14px; }
}
@media (max-width:991px){
	.pro1{ padding: 50px 15px; }
	.pro1 .list .item .img .tag{ background-size: auto 50px; }
}
@media (max-width:768px){
	.pro1{ padding: 40px 15px; }
	.pro1 .list .item{ margin-bottom: 40px; }
	.pro1 .list .item .img .tag{ background-size: auto 40px; }
	.pro1 .item .text{ padding: 6px 52px 6px 12px; background-size: auto 22px; background-position: center right 12px; }
	.pro1 .item .text h5{ font-size: 16.5px; line-height: 32px; }
	.pro1 .item .text h5 i{ padding: 0 6px; }
	.pro1 .item .text .textp{ line-height: 26px; }
}
@media (max-width:480px){
	.pro1 .list{ justify-content: center; }
	.pro1 .list .item{ width: 90%;}
}
@media (max-width:375px){
	.pro1 .list .item{ width: 100%; }
	.pro1 .item .text h5{line-height: 36px; font-size: 17px; }
}
/* pro2 */
.pro2{ padding: 45px 15px 100px; box-sizing: border-box; }
.pro2 .list{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.pro2 .list .item{ width: 360px; margin-bottom: 65px; background-color: #fff; }
.pro2 .list .item .img{ position: relative; width: 360px; height: 360px; padding: 20px; box-sizing: border-box; border: 1px solid #e5e5e5;  }
.pro2 .list .item .img i.tag{ 
	position: absolute; 
	left: 0; 
	top: 0; 
	width: 80px;
	height: 80px; 
	background: url(../images/pnew.png) left top no-repeat; 
	background-size: auto 80px; 
}
.pro2 .list .item .img .img_box{ width: 100%; height: 100%; }
.pro2 .item .text{ padding: 25px 25px; box-sizing: border-box; color: #888; background-color: #f1f1f1; }
.pro2 .item .text h5{ line-height: 36px; font-size: 18px; color: #333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.pro2 .item .text h5 i{ padding: 0 15px; color: #bfbfbf; vertical-align: 2px; }
.pro2 .item .text .more{ line-height: 30px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.pro2 .item:hover .text{ background-color: #c43f2e; }
.pro2 .item:hover .text h5{ color: #fff;}
.pro2 .item:hover .text h5 i{ color: #7088c1; }
.pro2 .item:hover .text .more{ color: #fff; }
.pro2 .page{ padding-top: 30px;  }
@media (max-width:1600px){
	.pro2{ padding: 60px 15px 80px; }
	.pro2 .list .item{ margin-bottom: 55px; width: 320px; }
	.pro2 .list .item .img{ width: 320px; height: 320px;}
	.pro2 .list .item .img i.tag{ background-size: auto 70px; }
	.pro2 .page{ padding-top: 20px; }
}
@media (max-width:1400px){
	.pro2 .list .item{ margin-bottom: 45px; width: 280px; }
	.pro2 .list .item .img{ width: 280px; height: 280px;}
}
@media (max-width:1200px){
	.pro2{ padding: 60px 15px; }
	.pro2 .list .item{ margin-bottom: 45px; width: 250px; }
	.pro2 .list .item .img{ width: 250px; height: 250px;}
	.pro2 .list .item .img i.tag{ background-size: auto 60px; }
	.pro2 .item .text{ padding: 12px 15px; }
	.pro2 .item .text h5{ font-size: 17px; line-height: 32px; }
}
@media (max-width:1100px){
	.pro2 .list .item{ width: 230px; }
	.pro2 .list .item .img{ width: 230px; height: 230px;}
}
@media (max-width:991px){
	.pro2{ padding: 50px 15px; }
	.pro2 .list .item .img i.tag{ background-size: auto 50px; }
	.pro2 .list::after{ content: ""; width: 230px; }
}
@media (max-width:768px){
	.pro2{ padding: 40px 15px; }
	.pro2 .list .item{ margin-bottom: 40px; width: 195px;}
	.pro2 .list .item .img{ width: 195px; height: 195px;}
	.pro2 .list .item .img i.tag{ background-size: auto 40px; }
	.pro2 .list::after{ content: ""; width: 195px; }
	.pro2 .item .text{ padding: 6px 12px; }
	.pro2 .item .text h5{ font-size: 16px; line-height: 32px; }
	.pro2 .item .text h5 i{ padding: 0 6px; }
	.pro2 .item .text .more{ line-height: 26px; font-size: 14px; }
}
@media (max-width:640px){
	.pro2 .list{ justify-content: space-around; }
	.pro2 .list .item{ width: 245px; }
	.pro2 .list .item .img{ padding: 10px; width: 245px; height: 245px;}
	.pro2 .list::after{ display: none; }
}
@media (max-width:560px){
	.pro2 .list .item{ width: 215px; }
	.pro2 .list .item .img{ width: 215px; height: 215px;}
}
@media (max-width:480px){
	.pro2{ padding: 30px 15px; }
	.pro2 .list .item{ width: 180px; }
	.pro2 .list .item .img{ padding: 2px; width: 180px; height: 180px;}
	.pro2 .item .text h5{ font-size: 15px; line-height: 22px; }
}
@media (max-width:440px){
	.pro2 .list .item{ width: 160px; }
	.pro2 .list .item .img{ width: 160px; height: 160px;}
}
@media (max-width:374px){
	.pro2 .list .item{ width: 280px; }
	.pro2 .list .item .img{ width: 280px; height: 280px;}
	.pro2 .item .text h5{line-height: 36px; font-size: 17px; }
}
/* prodetail */
.fillbox{ height: 100px; }
.breadcrumb{
	font-size: 15px;
	color: #666;
	padding: 34px 0 26px;
	box-sizing: border-box;
}
.breadcrumb a{margin: 0 5px;}
.breadcrumb a span{margin-left: 10px;}
.breadcrumb li{
	display:inline-block;
	float:left;
	height:30px;
	line-height:30px;
	position: relative;
	padding:0 5px 0 20px;
}
.breadcrumb li::after{
	display:inline-block;
	content: '>';
	height:30px;
	width:20px;
	position: absolute;
	left:0;
	top:0;
	text-align:center;
	line-height:30px;
	color:#666;
}
.breadcrumb li:nth-child(1),.breadcrumb li:nth-child(1){
	padding-left:0;
}
.breadcrumb li:nth-child(1)::after,.breadcrumb li:nth-child(1)::after{
	display:none;
}
.breadcrumb li a{
	display:block;
	color:inherit;
}
.breadcrumb li a:hover{
	color:#c43f2e;
}
@media (max-width:1600px){
	.breadcrumb{ padding: 32px 15px 24px; }
}
@media (max-width:1200px){
	.fillbox{ height: 80px; }
	.breadcrumb{ padding: 26px 15px; }
}
@media (max-width:991px){
	.fillbox{ height: 66px; }
	.breadcrumb{ padding: 24px 15px; }
}
@media (max-width:768px){
	.breadcrumb{ padding: 15px 15px; }
	.banner .swiper-slide{height: auto !important;}
}
@media (max-width:480px){
	.fillbox{ height: 50px; }
	.breadcrumb{ padding: 12px 15px; }
	.breadcrumb li{ padding:0 0px 0 18px; font-size: 14px; }
}
.introduce { margin-bottom: 108px; box-sizing: border-box;}
.introduce .main{ display: flex; justify-content: space-between; }
.introduce .img,.introduce .swiper-container,.introduce .img_box{ width: 800px; }
/* .introduce .swiper-container{ border: 1px solid #dcdcdc; } */
.introduce a { display: block; }
.introduce .img_box{ height:670px; box-sizing: border-box; }
.introduce .swiper-button-prev,.introduce .swiper-button-next{ width: 98px; height: 48px; top: auto; bottom: 0; background: #c43f2e url(../images/pro_left.png) center center no-repeat; background-size: auto 18px;}
.introduce .swiper-button-prev{ left: 0; background-image: url(../images/pro_left.png); }
.introduce .swiper-button-next{ left: 98px; right: auto; transform: rotate(180deg); }
.introduce .swiper-button-next.swiper-button-disabled,.introduce .swiper-button-prev.swiper-button-disabled{background-color: #dcdcdc; opacity: 1; pointer-events: auto;}
.introduce .text{ max-width: 690px; width: 100%; box-sizing: border-box;}
.introduce .text h5{ line-height: 80px; font-size: 28px; color: #333;}
.introduce .text .intro{}
.introduce .text .intro h6{ padding: 10px 0; font-size: 16px; color: #333; border-bottom: 1px solid #dcdcdc; font-weight: bold;}
.introduce .text .intro .introp{ padding: 15px 0; line-height: 30px; }
.btn_a{ margin-top: 30px; font-size: 0; }
.btn_a a{ display: inline-block; margin-right: 8px; margin-top: 10px; padding: 0 20px; line-height: 48px; border: 1px solid #dcdcdc; font-size: 15px; }
.btn_a a:hover{ border-color: #c43f2e; color: #c43f2e; }
.btn_a .more{ position: relative; }
.btn_a .more .showbox{ position: absolute; display: none; left: 50%; bottom: -180px; margin-left: -75px; width: 150px; height: 150px; border: 1px solid #dcdcdc; font-size: 0; line-height: 0; }
.btn_a .more .showbox:before { position: absolute; content: ""; top: -13px; left: 50%; margin-left: -14px; width: 29px; height: 13px; background: url(../images/showtop.png) center center; background-size: auto 13px; }
.btn_a .more:hover .showbox{ display: block; }
@media (max-width:1600px){
	.introduce { padding: 0 15px; margin-bottom: 90px;}
	.introduce .img,.introduce .swiper-container,.introduce .img_box{ width: 700px; }
	.introduce .img_box { height: 550px; }
	.introduce .text{ margin-left: 30px; }
	.introduce .text h5{ line-height: 50px; font-size: 26px; }
	.introduce .text .intro .introp{ padding: 10px 0; line-height: 28px; }
	.btn_a{ margin-top: 15px; }
	.btn_a a{ padding: 0 15px; line-height: 44px;}
}
@media (max-width:1500px){
	.introduce .img,.introduce .swiper-container,.introduce .img_box{ width: 640px; }
	.introduce .img_box { height: 550px; }
}
@media (max-width:1400px){
	.introduce .img,.introduce .swiper-container,.introduce .img_box{ width: 550px; }
	.introduce .img_box { height: 520px; }
}
@media (max-width:1200px){
	.introduce { margin-bottom: 70px;}
	.introduce .img,.introduce .swiper-container,.introduce .img_box{ width: 450px; }
	.introduce .img_box { height: 420px; }
	.introduce .swiper-button-prev, .introduce .swiper-button-next{ width: 78px; height: 38px; }
	.introduce .swiper-button-next{ left: 78px; }
	.introduce .text{ margin-left: 20px; }
	.introduce .text h5{ line-height: 46px; font-size: 24px; }
	.introduce .text .intro .introp{ line-height: 26px; }
	.btn_a{ margin-top: 5px; }
	.btn_a a{ padding: 0 12px; line-height: 40px; font-size: 14px;}
}
@media (max-width:991px){
	.introduce { margin-bottom: 50px;}
	.introduce .main { flex-wrap: wrap;}
	.introduce .img{ margin: 0 auto 20px; }
	.introduce .img,.introduce .swiper-container,.introduce .img_box{ width: 500px; }
	.introduce .img_box { height: 360px; }
	.introduce .text{ margin-left: 0px; max-width: none; }
	.introduce .text h5{ line-height: 42px; font-size: 22px; }
}
@media (max-width:768px){
	.introduce { margin-bottom: 40px;}
    .introduce .img,.introduce .swiper-container,.introduce .img_box{ width: 500px; }
	.introduce .img_box { height: 320px; }
	.introduce .swiper-button-prev, .introduce .swiper-button-next{ width: 60px; height: 32px; }
	.introduce .swiper-button-next{ left: 60px; }
	.introduce .text h5{ line-height: 40px; font-size: 20px; }
	.btn_a a{ line-height: 36px; }
}
@media (max-width:640px){
	.introduce .img_box { height: 320px; }
}
@media (max-width:550px){
	.introduce .img,.introduce .swiper-container,.introduce .img_box{ width: 400px; }
	.introduce .img_box { height: 300px; }
}
@media (max-width:480px){
	.introduce { margin-bottom: 30px;}
	.introduce .swiper-slide{ width: 100%; height:100%; }
	.introduce .img,.introduce .swiper-container,.introduce .img_box{ width: 100%; }
	.introduce .img_box { height: 280px; display:flex; justify-content: center; align-items: center; }
	.btn_a a{ padding: 0 10px; line-height: 32px; }
}
@media (max-width:420px){
	/*.introduce .img,.introduce .swiper-container,.introduce .img_box{ width: 320px; }*/
	.introduce .img_box { height: 250px; }
}
@media (max-width:360px){
	/*.introduce .img,.introduce .swiper-container,.introduce .img_box{ width: 280px; }*/
	.introduce .img_box{ height: 220px; }
}
.pdetail{  }
.pdetail .title{ padding: 35px 0; background-color: #f4f4f4; text-align: center; color: #333; }
.pdetail .title .en{ font-size: 30px; font-weight: bold; text-transform: uppercase; }
.pdetail .title h4{ font-size: 26px; }
.pdetail .text_box{ padding: 70px 0; }
@media (max-width:1600px){
	.pdetail .title{ padding: 32px 15px;} 
	.pdetail .title .en{ font-size: 28px; }
	.pdetail .title h4{ font-size: 24px; }
	.pdetail .text_box{ padding: 60px 15px; }
}
@media (max-width:1200px){
	.pdetail .title{ padding: 28px 15px;} 
	.pdetail .title .en{ font-size: 26px; }
	.pdetail .title h4{ font-size: 23px; }
	.pdetail .text_box{ padding: 50px 15px; }
}
@media (max-width:991px){
	.pdetail .title{ padding: 24px 15px;} 
	.pdetail .title .en{ margin-bottom: 3px; font-size: 24px; }
	.pdetail .title h4{ font-size: 22px; }
	.pdetail .text_box{ padding: 40px 15px; }
}
@media (max-width:768px){
	.pdetail .title{ padding: 21px 15px;} 
	.pdetail .title .en{ margin-bottom: 3px; font-size: 22px; }
	.pdetail .title h4{ font-size: 20px; }
	.pdetail .text_box{ padding: 35px 15px; }
}
@media (max-width:480px){
	.pdetail .title{ padding: 18px 15px;} 
	.pdetail .title .en{ margin-bottom: 3px; font-size: 20px; }
	.pdetail .title h4{ font-size: 18px; }
	.pdetail .text_box{ padding: 30px 15px; }
}
.recommend{ background-color: #f4f4f4; padding: 20px 0 30px; box-sizing: border-box; }
.recommend .title{ padding: 35px 0; text-align: center; color: #333; }
.recommend .title .en{ font-size: 30px; font-weight: bold; text-transform: uppercase; }
.recommend .title h4{ font-size: 26px; }
@media (max-width:1600px){
	.recommend{ padding: 20px 15px 30px; }
	.recommend .title{ padding: 32px 15px;} 
	.recommend .title .en{ font-size: 28px; }
	.recommend .title h4{ font-size: 24px; }
}
@media (max-width:1200px){
	.recommend .title{ padding: 28px 15px;} 
	.recommend .title .en{ font-size: 26px; }
	.recommend .title h4{ font-size: 23px; }
}
@media (max-width:991px){
	.recommend .title{ padding: 24px 15px;} 
	.recommend .title .en{ margin-bottom: 3px; font-size: 24px; }
	.recommend .title h4{ font-size: 22px; }
}
@media (max-width:768px){
	.recommend .title{ padding: 21px 15px;} 
	.recommend .title .en{ margin-bottom: 3px; font-size: 22px; }
	.recommend .title h4{ font-size: 20px; }
}
@media (max-width:480px){
	.recommend .title{ padding: 18px 15px;} 
	.recommend .title .en{ margin-bottom: 3px; font-size: 20px; }
	.recommend .title h4{ font-size: 18px; }
}
.recommend .list{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.recommend .list .item{ width: 360px; margin-bottom: 65px; background-color: #fff; }
.recommend .list .item .img{ position: relative; width: 360px; height: 360px; padding: 20px; border-bottom: 1px solid #dcdcdc; box-sizing: border-box; }
.recommend .list .item .img .img_box{ width: 100%; height: 100%; }
.recommend .item .text{ padding: 25px 25px; box-sizing: border-box; color: #888; background-color: #fff; }
.recommend .item .text h5{ line-height: 36px; font-size: 18px; color: #333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.recommend .item .text h5 i{ padding: 0 15px; color: #bfbfbf; vertical-align: 2px; }
.recommend .item .text .more{ line-height: 30px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.recommend .item:hover .text{ background-color: #c43f2e; }
.recommend .item:hover .text h5{ color: #fff;}
.recommend .item:hover .text h5 i{ color: #7088c1; }
.recommend .item:hover .text .more{ color: #fff; }
@media (max-width:1600px){
	.recommend .list .item{ margin-bottom: 55px; width: 320px; }
	.recommend .list .item .img{ width: 320px; height: 320px;}
	.recommend .page{ padding-top: 20px; }
}
@media (max-width:1400px){
	.recommend .list .item{ margin-bottom: 45px; width: 280px; }
	.recommend .list .item .img{ width: 280px; height: 280px;}
}
@media (max-width:1200px){
	.recommend .list .item{ margin-bottom: 45px; width: 250px; }
	.recommend .list .item .img{ width: 250px; height: 250px;}
	.recommend .item .text{ padding: 12px 15px; }
	.recommend .item .text h5{ font-size: 17px; line-height: 32px; }
}
@media (max-width:1100px){
	.recommend .list .item{ width: 230px; }
	.recommend .list .item .img{ width: 230px; height: 230px;}
}
@media (max-width:991px){
	.recommend .list .item{ width: 210px; }
	.recommend .list .item .img{ width: 210px; height: 210px;}
}
@media (max-width:900px){
	.recommend .list .item{ width: 190px; }
	.recommend .list .item .img{ width: 190px; height: 190px;}
}
@media (max-width:840px){
	.recommend .list .item{ width: 175px; }
	.recommend .list .item .img{ width: 175px; height: 175px;}
}
@media (max-width:768px){
	.recommend .list .item{ margin-bottom: 30px; width: 300px;}
	.recommend .list .item .img{ width: 300px; height: 300px;}
	
	.recommend .item .text{ padding: 6px 12px; }
	.recommend .item .text h5{ font-size: 16px; line-height: 32px; }
	.recommend .item .text h5 i{ padding: 0 6px; }
	.recommend .item .text .more{ line-height: 26px; font-size: 14px; }
}
@media (max-width:640px){
	.recommend .list{ justify-content: space-around; }
	.recommend .list .item{ width: 245px; }
	.recommend .list .item .img{ width: 245px; height: 245px;}
	.recommend .list::after{ display: none; }
}
@media (max-width:560px){
	.recommend .list .item{ width: 215px; }
	.recommend .list .item .img{ width: 215px; height: 215px;}
}
@media (max-width:480px){
	.recommend .list .item{ width: 180px; }
	.recommend .list .item .img{ width: 180px; height: 180px;}
	.recommend .item .text h5{ font-size: 15px; line-height: 22px; }
}
@media (max-width:440px){
	.recommend .list .item{ width: 160px; }
	.recommend .list .item .img{ width: 160px; height: 160px;}
}
@media (max-width:374px){
	.recommend{ padding-bottom: 20px; }
	.recommend .list .item{ width: 280px; }
	.recommend .list .item .img{ width: 280px; height: 280px;}
	.recommend .item .text h5{line-height: 36px; font-size: 17px; }
}
/* join,共用标题comm_tit,pagination */
.comm_tit{ text-align: center; color: #333; }
.comm_tit h3{ line-height: 60px; font-size: 40px; }
.comm_tit .en{ margin-top: 10px; font-size: 20px; letter-spacing: 2px; text-transform: uppercase; }
.swiper-pagination-bullet{ width: 14px; height: 14px; }
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 10px; }
.swiper-pagination-bullet-active{ background-color: #5a5a5a; }
@media (max-width:1600px){
	.comm_tit h3{ line-height: 55px; font-size: 36px; }
	.comm_tit .en{ font-size: 18px;}
	.swiper-pagination-bullet{ width: 12px; height: 12px; }
	.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 8px; }
}
@media (max-width:1200px){
	.comm_tit h3{ line-height: 50px; font-size: 32px; }
	.comm_tit .en{ margin-top: 8px; font-size: 17px;}
}
@media (max-width:991px){
	.comm_tit h3{ line-height: 45px; font-size: 28px; }
	.comm_tit .en{ margin-top: 6px; font-size: 16px; }
	.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 6px; }
}
@media (max-width:768px){
	.comm_tit h3{ line-height: 35px; font-size: 24px; }
	.comm_tit .en{ margin-top: 4px; font-size: 15px;}
	.swiper-pagination-bullet{ width: 8px; height: 8px; }
}
@media (max-width:480px){
	.comm_tit h3{ line-height: 30px; font-size: 20px; }
	.comm_tit .en{ margin-top: 2px; font-size: 14px;}
	.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 4px; }
}
/* join1 */
.join1{ padding: 110px 0; box-sizing: border-box; }
.join1 .textp{ margin: 55px auto 0; max-width: 990px; line-height: 36px; font-size: 16px; text-align: center; }
@media (max-width:1600px){
	.join1{ padding: 90px 15px; }
	.join1 .textp{ margin-top: 45px;}
}
@media (max-width:1200px){
	.join1{ padding: 70px 15px; }
	.join1 .textp{ margin-top: 40px; line-height: 28px; font-size: 15px; }
}
@media (max-width:991px){
	.join1{ padding: 50px 15px; }
	.join1 .textp{ margin-top: 35px;}
}
@media (max-width:768px){
	.join1 .textp{ margin-top: 30px; line-height: 25px; font-size: 14px;}
}
@media (max-width:480px){
	.join1 .textp{ margin-top: 25px;}
}
/* join2 */
.join2{ padding: 150px 0 180px;  box-sizing: border-box; background-color: #282828; }
.join2 .comm_tit{ color: #fff; }
.join2 .list{ margin-top: 90px; display: flex; justify-content: space-between; color: #fff; text-align: center; }
.join2 .list .item{ width: 23%; padding: 38px; border: 4px solid #fff; box-sizing: border-box; }
.join2 .list .item:hover{ background-color: #c43f2e; }
.join2 .item .outline{ margin: 15px 0; width: 100%; height: 1px; font-size: 0; background-color: #5b5b5b; }
.join2 .item .inline{ display: inline-block; width: 38px;height: 1px; background-color: #fff; }
.join2 .item h4{ padding: 5px 0; font-size: 30px; }
.join2 .item ul{ padding: 10px 0; }
.join2 .item li{ line-height: 30px; font-size: 16px; }
@media (max-width:1600px){
	.join2{ padding: 125px 15px 150px; }
	.join2 .list{ margin-top: 70px;}
	.join2 .list .item{ padding: 33px;}
	.join2 .item h4{ font-size: 28px; }
}
@media (max-width:1200px){
	.join2{ padding: 100px 15px 110px; }
	.join2 .list{ margin-top: 65px;}
	.join2 .list .item{ width: 24%; padding: 28px; border-width: 3px;}
	.join2 .item h4{ font-size: 26px; }
}
@media (max-width:991px){
	.join2{ padding: 70px 15px; }
	.join2 .list{ margin-top: 50px;}
	.join2 .list .item{ width: 24%; padding: 22px; border-width: 2px;}
	.join2 .item h4{ font-size: 22px; }
	.join2 .item li{ line-height: 28px; font-size: 15px; }
}
@media (max-width:768px){
	.join2{ padding: 50px 15px; }
	.join2 .list{ margin-top: 40px; flex-wrap: wrap;}
	.join2 .list .item{ width: 48%;}
	.join2 .item h4{ font-size: 20px; }
	.join2 .list .item:nth-of-type(-n+2){ width: 48%; margin-bottom: 30px;}
	.join2 .item li{ line-height: 26px; font-size: 14px; }
}
@media (max-width:480px){
	.join2 .list{ margin-top: 30px;}
	.join2 .list .item{ padding: 10px; border-width: 1px; }
	.join2 .list .item:nth-of-type(-n+2){ margin-bottom: 20px;}
	.join2 .item .outline{ margin: 10px 0;}
	.join2 .item h4{ font-size: 18px; }
	.join2 .item ul{ padding: 5px 0; }
	.join2 .item li{ line-height: 24px; }
}
/* join3 */
.join3{ margin: 0 auto; max-width: 1920px; background-color: #f5f5f5;}
.join3 .comm_tit{ padding: 180px 15px 280px; box-sizing: border-box; color: #fff; text-align: left; background: url(../images/joinbg.jpg) center center no-repeat; background-size: cover; }
.join3 .comm_tit p{ margin-top: 25px; max-width: 700px; line-height: 32px; font-size: 16px; }
.join3>.main{ margin-top: -190px; padding-bottom: 135px; box-sizing: border-box; }
.jslide{ padding: 88px 70px 0; background-color: #fff; }
.jslide .swiper-container{ padding-bottom: 180px; }
.jslide .item{ width: 100%; }
.jslide .item .img{ width: 100%; height: 0px; padding-top: 64.4%; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.jslide .item .text{ width: 100%; text-align: center; }
.jslide .item .text h4{ padding: 36px 0 10px; font-size: 24px; color: #0c0407; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.jslide .item .text p{ font-size: 16px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.jslide .swiper-pagination{ bottom: 90px; }
@media (max-width:1600px){
	.join3 .comm_tit{ padding: 200px 15px 390px;}
	.join3>.main{ padding: 0 15px; padding-bottom: 110px; margin-top: -160px; }
	.jslide{padding: 77px 62px 0;}
	.jslide .swiper-container{ padding-bottom: 150px; }
	.jslide .item .text h4{ padding-top: 30px; font-size: 22px; }
	.jslide .swiper-pagination{ bottom: 70px; }
}
@media (max-width:1400px){
	.join3 .comm_tit{ padding: 170px 15px 320px;}
	.join3>.main{ margin-top: -140px;}
	.jslide{ padding: 66px 54px 0;}
}
@media (max-width:1200px){
	.join3 .comm_tit{ padding: 150px 15px 280px;}
	.join3 .comm_tit p{ margin-top: 20px; line-height: 30px; font-size: 15px; }
	.join3>.main{ margin-top: -120px; padding-bottom: 80px; }
	.jslide{ padding: 55px 46px 0; }
	.jslide .swiper-container{ padding-bottom: 120px; }
	.jslide .item .text h4{ padding-top: 26px; font-size: 20px; }
	.jslide .swiper-pagination{ bottom: 55px; }
	.jslide .item .text p{ font-size: 15px; }
}
@media (max-width:991px){
	.join3 .comm_tit{ padding: 110px 15px 220px;}
	.join3 .comm_tit p{ margin-top: 15px; line-height: 26px; font-size: 14px; }
	.join3>.main{ margin-top: -90px; padding-bottom: 60px; }
	.jslide{ padding: 44px 32px 0; }
	.jslide .swiper-container{ padding-bottom: 90px; }
	.jslide .item .text h4{ padding-top: 22px; font-size: 18px; }
	.jslide .swiper-pagination{ bottom: 42px; }
	.jslide .item .text p{ font-size: 14px; }
}
@media (max-width:768px){
	.join3 .comm_tit{ padding: 80px 15px 150px;}
	.join3>.main{ margin-top: -60px; padding-bottom: 50px; }
	.jslide{ padding: 33px 20px 0; }
	.jslide .swiper-container{ padding-bottom: 70px; }
	.jslide .item .text h4{ padding: 16px 0 6px; font-size: 17px; }
	.jslide .swiper-pagination{ bottom: 30px; }
}
@media (max-width:480px){
	.join3 .comm_tit{ padding: 60px 15px 100px;}
	.join3>.main{ margin-top: -40px; padding-bottom: 35px; }
	.jslide .swiper-container{ padding-bottom: 50px; }
	.jslide{ padding: 20px 20px 0; }
	.jslide .swiper-pagination{ bottom: 20px; }
}
.jshop{ padding: 124px 0; box-sizing: border-box; display: flex; justify-content: space-between; }
.jshop .text{ width: 42%; max-width: 593px; }
.jshop .text h3{ padding: 80px 0 25px; font-size: 40px; color: #333; }
.jshop .text p{ margin-bottom: 25px; line-height: 32px; font-size: 16px; }
.jshop .text .en{ line-height: 26px; font-size: 14px; }
.jshop .img{ width: 52%; }
@media (max-width:1600px){
	.jshop{ padding: 100px 15px;}
	.jshop .text h3{ padding: 60px 0 25px; font-size: 36px; }
}
@media (max-width:1200px){
	.jshop{ padding: 80px 15px;}
	.jshop .text h3{ padding: 40px 0 20px; font-size: 32px; }
	.jshop .text p{ margin-bottom: 20px; line-height: 28px; font-size: 15px; }
}
@media (max-width:991px){
	.jshop{ padding: 60px 15px;}
	.jshop .text h3{ padding: 10px 0 15px; font-size: 28px; }
	.jshop .text p{ margin-bottom: 15px; }
}
@media (max-width:768px){
	.jshop{ padding: 40px 15px; flex-wrap: wrap;}
	.jshop .text{ width: 100%; max-width: none; margin-bottom: 20px; }
	.jshop .text h3{ font-size: 24px; }
	.jshop .text p{ line-height: 26px; font-size: 14px; }
	.jshop .text .en{ line-height: 22px; font-size: 13px; }
	.jshop .img{ width: 100%; }
}
@media (max-width:480px){
	.jshop{ padding: 30px 15px; }
	.jshop .text h3{font-size: 20px; }
	.jshop .text p{ margin-bottom: 10px; }
}
.jslide2{  }
.jslide2 .swiper-container{ padding-bottom: 180px; }
.jslide2 .item{ width: 100%; }
.jslide2 .item .img{ position: relative; width: 100%; height: 0; padding-top: 69%; font-size: 0; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.jslide2 .item .img::after{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; background: rgb(24, 56, 132,.7) url(../images/magnify.png) center center no-repeat; background-size: auto 58px; }
.jslide2 .item:hover .img::after{ opacity: 1; }
.jslide2 .item .text{ width: 100%; text-align: center; }
.jslide2 .item .text p{ padding: 28px 0; font-size: 16px; color: #333; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.jslide2 .swiper-pagination{ bottom: 100px; }
@media (max-width:1600px){
	.jslide2 .swiper-container{ padding-bottom: 140px; }
	.jslide2 .item .text p{ padding: 25px 0;}
	.jslide2 .swiper-pagination{ bottom: 80px; }
}
@media (max-width:1200px){
	.jslide2 .swiper-container{ padding-bottom: 110px; }
	.jslide2 .item .text p{ padding: 20px 0;}
	.jslide2 .swiper-pagination{ bottom: 60px; }
}
@media (max-width:991px){
	.jslide2 .swiper-container{ padding-bottom: 90px; }
	.jslide2 .item .text p{ padding: 15px 0; font-size: 15px;}
	.jslide2 .swiper-pagination{ bottom: 50px; }
}
@media (max-width:768px){
	.jslide2 .swiper-container{ padding-bottom: 70px; }
	.jslide2 .item .text p{ padding: 10px 0; font-size: 14px;}
	.jslide2 .swiper-pagination{ bottom: 36px; }
}
@media (max-width:480px){
	.jslide2 .swiper-container{ padding-bottom: 50px; }
	.jslide2 .swiper-pagination{ bottom: 25px; }
}
.jform{ padding: 60px 56px 106px; box-sizing: border-box; background-color: #fff;}
.jform .title{ padding-bottom: 30px; line-height: 66px; border-bottom: 1px solid #dcdcdc; }
.jform .title h3{ float: left; display: inline-block; font-size: 40px; color: #333; }
.jform .title .fr{ float: right; }
.jform .way{ padding-top: 78px; box-sizing: border-box;}
.jform .way .left{ float: left; width: 50%; box-sizing: border-box; padding-right: 10px;}
.jform .left h4{ margin: 10px 0 45px; font-size: 30px; color: #333; }
.jform .left span{ line-height: 50px; font-size: 16px; color: #444; }
.jform .left p{ line-height: 30px; font-size: 16px; color: #666; }
.jform .word{ float: right; width: 50%; box-sizing: border-box;}
.jform .word form{ width: 100%; font-size: 16px;}
.jform .word form .clearfix{ height: 52px; margin-bottom: 20px; }
.jform .word form .clearfix:last-child{ height: auto; margin-bottom: 0px; }
.jform input,.jform textarea,.jform select{ padding-left: 18px; height: 100%; box-sizing: border-box; background-color: #f5f5f5; font-size: 16px; border: 1px solid #dcdcdc;}
.jform textarea{ width: 100%; line-height: 50px; white-space:nowrap; overflow-y:hidden;}
.jform input.user,.jform input.tel{ width: 48%; }
.jform input.user{ float: left;}
.jform input.tel{ float: right; }
.jform input.f5,.jform div.pic{ float: left; height: 52px; box-sizing: border-box;}
.jform input.f5{ width: 25%; }
.jform div.pic{ margin-left: 22px; border-radius: 5px; overflow: hidden;}
.jform input.submit{ float: right; width: 27%; height: 52px; padding-left: 0px; font-size: 15px; border-radius: 52px; border: 0; background-color: #c43f2e; color: #fff;}
.jform select.province,.jform select.city{ width: 48%; height: 100%; outline: none; color: #666; background: #f5f5f5 url('../images/select_arrow.png') 96% center no-repeat; background-size: 12px; }
.jform select.province{ float: left;}
.jform select.city{ float: right; }
@media (max-width:1600px){
	.jform{ padding: 55px 48px 90px;}
	.jform .title{ padding-bottom: 26px; line-height: 60px; }
	.jform .title h3{ font-size: 36px; }
	.jform .way{ padding-top: 70px; }
	.jform .left h4{ margin-bottom: 36px; font-size: 28px; }
	.jform .left span{ line-height: 42px; }
	.jform .word form .clearfix{ height: 48px; margin-bottom: 16px; }
	.jform textarea{ line-height: 48px;}
	.jform input.f5,.jform div.pic,.jform input.submit{ height: 48px;}
}
@media (max-width:1200px){
	.jform{ padding: 45px 36px 70px;}
	.jform .title{ padding-bottom: 22px; line-height: 50px; }
	.jform .title h3{ font-size: 32px; }
	.jform .way{ padding-top: 60px; }
	.jform .left h4{ margin-bottom: 26px; font-size: 25px; }
	.jform .left span,.jform .left p{ line-height: 32px; font-size: 15px; }
	.jform .word form .clearfix{ height: 46px; margin-bottom: 14px; }
	.jform textarea{ line-height: 46px;}
	.jform input,.jform textarea,.jform select{ font-size: 15px; }
	.jform input.f5,.jform div.pic,.jform input.submit{ height: 46px; font-size: 15px;}
}
@media (max-width:991px){
	.jform{ padding: 35px 25px 55px;}
	.jform .title{ padding-bottom: 18px; line-height: 40px; }
	.jform .title h3{ font-size: 28px; }
	.jform .way{ padding-top: 50px; }
	.jform .left h4{ margin-bottom: 22px; font-size: 22px; }
	.jform .left span,.jform .left p{ line-height: 28px; }
	.jform .word form .clearfix{ height: 44px; margin-bottom: 12px; }
	.jform textarea{ line-height: 44px;}
	.jform input.f5,.jform div.pic,.jform input.submit{ height: 44px;}
	.jform input.submit{ float: none; width: 100%; margin-top: 20px;}
}
@media (max-width:768px){
	.jform{ padding: 30px 20px 40px;}
	.jform .title{ padding-bottom: 14px; line-height: 30px; }
	.jform .title h3{ font-size: 24px; }
	.jform .title .fr{ font-size: 14px; }
	.jform .way{ padding-top: 30px; }
	.jform .way .left{ width: 100%; margin-right: 0; margin-bottom: 20px;}
	.jform .left h4{ margin-bottom: 16px; margin-top: 5px; font-size: 17px; }
	.jform .left span,.jform .left p{ line-height: 24px; font-size: 13px; }
	.jform .left p{ line-height: 24px; font-size: 14px; }
	.jform .word{  width: 100%; }
	.jform .word form .clearfix{ height: 42px;}
	.jform textarea{ line-height: 42px;}
	.jform input,.jform textarea,.jform select{ font-size: 14px; }
	.jform input.f5,.jform div.pic,.jform input.submit{ height: 42px; font-size: 14px;}
	.jform input.f5,.jform div.pic{ float: left; }
	.jform input.f5{ width: 34%; }
	.jform div.pic{ margin-left: 12px; }
	.jform select.province,.jform select.city{ background-position: 90% center; }
}
@media (max-width:640px){
	.jform .title h3{ display: block; width: 100%; }
	.jform .title .fr{ display: block; float: left; }
}
@media (max-width:480px){
	.jform{ padding: 20px 15px 30px;}
	.jform .title{line-height: 26px; }
	.jform .title .fr{ display: none; }
	.jform .title h3{ font-size: 20px; }
	.jform .way{ padding-top: 30px; }
	.jform .word form .clearfix{ height: 40px;}
	.jform textarea{ line-height: 40px;}
	.jform input,.jform textarea,.jform select{ padding-left: 12px;}
	.jform input.f5,.jform div.pic,.jform input.submit{ height: 40px;}
	.jform input.f5{ width: 40%; }
}
/* about */
.about { padding: 100px 0 0px; box-sizing: border-box; background-color: #f4f4f4;}
.about .swiper-container{ width: 100%; padding-bottom: 80px; }
.about .swiper-slide{ display: flex; justify-content: space-between; align-items: center; }
.about .img{ width: 50%; max-width: 850px; height: 0; padding-top: 30%; background-position: center center; background-repeat: no-repeat; background-size: contain;}
.about .text{ max-width: 640px; width: 48%; box-sizing: border-box;}
.about .text h3{ margin: 55px 0 30px; font-size: 32px; color: #333; font-weight: bold; }
.about .text .en{ margin-bottom: 25px; font-size: 26px; line-height: 36px; color: #333; text-transform: uppercase; }
.about .text .line{ width: 42px; height: 3px; background-color: #333; }
.about .text .textp{ line-height: 30px; }
.about .text .textp p{margin-bottom: 20px; text-align: justify; text-indent: 2em;}
.about .swiper-pagination{left: 0; bottom: 0px; color: #fff; text-align:center;z-index:9;}
.about .swiper-pagination-bullet{ display:inline-block; width:40px; height:4px; margin: 0 7px; background:#ccc; cursor:pointer; opacity: 1; border-radius: 0;}
.about .swiper-pagination-bullet-active{ background: #c43f2e; }
@media (max-width:1600px){
	.about { padding: 100px 15px;}
	.about .swiper-container{ padding-bottom: 60px; }
	.about .text h3{ margin: 45px 0 22px; font-size: 28px; }
	.about .text .en{ margin-bottom: 20px; font-size: 24px; line-height: 32px;}
}
@media (max-width:1200px){
	.about { padding: 80px 15px;}
	.about .swiper-container{ padding-bottom: 50px; }
	.about .text h3{ margin: 35px 0 18px; font-size: 28px; }
	.about .text .en{ margin-bottom: 16px; font-size: 22px;}
	.about .text .textp{ line-height: 28px; }
	.about .text .line{ width: 34px; height: 2px; }
}
@media (max-width:991px){
	.about { padding: 60px 15px;}
	.about .swiper-slide{ flex-wrap: wrap; }
	.about .pic{ width: 100%; max-width: 600px; }
	.about .text{ width: 100%; max-width: none; margin-bottom: 20px; }
	.about .text h3{ margin: 30px 0 15px; font-size: 26px; }
	.about .text .en{ font-size: 20px; line-height: 30px;}
	.about .img{ margin: 0 auto; }
}
@media (max-width:768px){
	.about { padding: 50px 15px;}
	.about .swiper-container{ padding-bottom: 30px; }
	.about .text h3{ margin: 25px 0 12px; font-size: 23px; }
	.about .text .en{ font-size: 20px; line-height: 28px;}
	.about .text .textp{ line-height: 24px; font-size: 14px; margin-top: 30px;}
	.about .text .textp p{line-height: 2;}
	.about .img{ width: 60%; padding-top: 35%; }
	.about .swiper-pagination-bullet{ width:20px;}
}
@media (max-width:480px){
	.about .text{ margin-bottom: 0px;  }
	.about .text h3{ margin: 20px 0 9px; font-size: 21px; }
	.about .text .en{ font-size: 18px; line-height: 26px;}
	.about .img{ width: 100%; padding-top: 50%; margin-top: 0px; }
}
/*.about { padding: 130px 0; box-sizing: border-box; background-color: #f4f4f4;}
.about .main{ display: flex; justify-content: space-between; align-items: center; }
.about .pic{ width: 53.2%; max-width: 850px; }
.about .img{ width: 100%; height: 0; padding-top: 69.5%; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.about .swiper-container{ border: 1px solid #dcdcdc; }
.about .swiper-button-prev,.about .swiper-button-next{ width: 98px; height: 48px; top: auto; bottom: 0; background: #004399 url(../images/pro_left.png) center center no-repeat; background-size: auto 18px;}
.about .swiper-button-prev{ left: auto; right: 98px;  background-image: url(../images/pro_left.png); }
.about .swiper-button-next{ right: 0; transform: rotate(180deg); }
.about .swiper-button-next.swiper-button-disabled,.about .swiper-button-prev.swiper-button-disabled{background-color: #dcdcdc; opacity: 1; pointer-events: auto;}
.about .text{ max-width: 626px; width: 45%; box-sizing: border-box;}
.about .text h3{ margin: 55px 0 30px; font-size: 32px; color: #333; font-weight: bold; }
.about .text .en{ margin-bottom: 25px; font-size: 26px; line-height: 36px; color: #333; text-transform: uppercase; }
.about .text .line{ width: 42px; height: 3px; background-color: #333; }
.about .text .textp{ line-height: 30px; }
@media (max-width:1600px){
	.about { padding: 100px 15px;}
	.about .text h3{ margin: 45px 0 22px; font-size: 28px; }
	.about .text .en{ margin-bottom: 20px; font-size: 24px; line-height: 32px;}
}
@media (max-width:1200px){
	.about { padding: 80px 15px;}
	.about .text h3{ margin: 35px 0 18px; font-size: 28px; }
	.about .text .en{ margin-bottom: 16px; font-size: 22px;}
	.about .text .textp{ line-height: 28px; }
	.about .text .line{ width: 34px; height: 2px; }
	.about .swiper-button-prev, .about .swiper-button-next{ width: 78px; height: 38px; }
	.about .swiper-button-prev{ right: 78px; }
}
@media (max-width:991px){
	.about { padding: 60px 15px;}
	.about .main { flex-wrap: wrap; justify-content: center;}
	.about .pic{ width: 100%; max-width: 600px; }
	.about .text{ width: 100%; max-width: none; margin-bottom: 30px; }
	.about .text h3{ margin: 30px 0 15px; font-size: 26px; }
	.about .text .en{ font-size: 20px; line-height: 30px;}
}
@media (max-width:768px){
	.about { padding: 40px 15px;}
	.about .text h3{ margin: 25px 0 12px; font-size: 23px; }
	.about .text .en{ font-size: 20px; line-height: 28px;}
	.about .text .textp{ line-height: 26px; font-size: 14px; }
	.about .swiper-button-prev, .about .swiper-button-next{ width: 60px; height: 32px; }
	.about .swiper-button-prev{ right: 60px; }
}
@media (max-width:480px){
	.about { padding: 30px 15px;}
	.about .text{ margin-bottom: 20px; }
	.about .text h3{ margin: 20px 0 9px; font-size: 21px; }
	.about .text .en{ font-size: 18px; line-height: 26px;}
}*/
.abo2{ width: 100%; padding: 100px 0 106px; border-bottom: 1px solid #dcdcdc; box-sizing: border-box; }
.abo2 .data{ display: flex; justify-content: space-around; }
.abo2 .item { width: 160px; display: inline-block; color: #333; text-align: left; }
.abo2 .item .num{ font-weight: bold; display: flex; align-items: center; }
.abo2 .item .num span{ font-family: "helve"; padding-right: 8px; font-size: 86px;}
.abo2 .item .num i{ display: inline; font-weight: bold; font-size: 58px;}
.abo2 .item p{ font-size: 16px; font-weight: bold; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.abo2 .item:nth-child(1) .num i{display:none;}
@media (max-width:1600px){
	.abo2{ padding: 80px 0 85px; }
	.abo2 .item .num span{ font-size: 78px;}
	.abo2 .item .num i{ font-size: 54px;}
}
@media (max-width:1200px){
	.abo2{ padding: 66px 0; }
	.abo2 .item .num span{ font-size: 70px;}
	.abo2 .item .num i{ font-size: 48px;}
	.abo2 .item p{ font-size: 15px; }
}
@media (max-width:991px){
	.abo2{ padding: 52px 0; }
	.abo2 .item .num span{ font-size: 60px;}
	.abo2 .item .num i{ font-size: 42px;}
}
@media (max-width:768px){
	.abo2{ padding: 50px 0; }
	.abo2 .data{ flex-wrap: wrap; justify-content: space-around; }
	.abo2 .item{ width: 46%; margin-top: 40px; text-align: center; }
	.abo2 .item:nth-of-type(-n+2){ margin-top: 0px; }
	.abo2 .item .num{ justify-content: center;}
	.abo2 .item .num span{ font-size: 52px;}
	.abo2 .item .num i{ font-size: 36px;}
	.abo2 .item p{ font-size: 14px; }
}
@media (max-width:480px){
	.abo2 .item .num{ margin: 6px 0; }
	.abo2 .item .num span{ font-size: 44px;}
	.abo2 .item .num i{ font-size: 30px;}
}
.idea{ padding: 118px 0; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center; }
.idea .title{ width: 32%; }
.idea .title h3{ line-height: 72px; font-size: 35px; color: #333; }
.idea .title p{ margin-top: 10px; }
.idea .img{ width: 36%; }
.idea .text{ width: 32%; }
.idea .text .textp{ position: relative; float: right; max-width: 450px; padding: 50px 70px 70px; box-sizing: border-box; line-height: 30px; }
.idea .text .textp::before,.idea .text .textp::after{ content: ""; position: absolute; width: 52px; height: 36px; background: url(../images/symbol.jpg) left top no-repeat; background-size: auto 36px; }
.idea .text .textp::before{ left: 0; top: 0; }
.idea .text .textp::after{ right: 0; bottom: 0; transform: rotate(180deg); }
.idea .title.show_sm{ display: none; }
@media (max-width:1600px){
	.idea{ padding: 95px 15px;}
	.idea .title h3{ line-height: 62px; font-size: 44px; }
	.idea .text .textp{ margin-left: 30px; padding: 40px 55px 55px; }
	.idea .text .textp::before,.idea .text .textp::after{ background-size: auto 32px; }
}
@media (max-width:1200px){
	.idea{ padding: 75px 15px; }
	.idea .title p{ font-size: 15px; }
	.idea .title h3{ line-height: 52px; font-size: 36px; }
	.idea .text .textp{ margin-left: 20px; padding: 30px 40px 40px; line-height: 28px; }
	.idea .text .textp::before,.idea .text .textp::after{ background-size: auto 26px; }
}
@media (max-width:991px){
	.idea{ padding: 60px 15px;}
	.idea .title{ width: 28%; }
	.idea .title h3{ line-height: 42px; font-size: 28px; }
	.idea .text{ width: 36%; }
	.idea .text .textp{ margin-left: 20px; padding: 30px 40px 40px; line-height: 26px; }
	.idea .text .textp::before,.idea .text .textp::after{ background-size: auto 26px; }
}
@media (max-width:768px){
	.idea{ padding: 45px 15px; flex-wrap: wrap;}
	.idea .title{ width: 100%; margin-bottom: 20px; }
	.idea .title h3{ line-height: 36px; font-size: 22px; }
	.idea .title p{ font-size: 14px; }
	.idea .img{ width: 42%; }
	.idea .text{ width: 58%;}
	.idea .text .textp{ padding: 0; margin-left: 15px; line-height: 25px; }
	.idea .text .textp::before,.idea .text .textp::after{ background: none; }
}
@media (max-width:480px){
	.idea .title h3{ line-height: 30px; font-size: 20px; }
	.idea .text{ width: 100%; }
	.idea .img{ width: 100%; margin-bottom: 15px; }
	.idea .text{ width: 100%;}
	.idea .text .textp{ margin-left: 0px; line-height: 23px; }
}
@media (max-width:374px){
	
}
.avideo{ margin-bottom: 130px; }
.avideo .main{ position: relative; }
.avideo_box{ width: 100%; overflow: hidden; background-color: #000; text-align: center; }
.avideo_box video,.avideo_box source{ width: 100%; height: 100%; }
.aplay{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer; background: url(../images/avideop.jpg) center center; background-size: cover; }
@media (max-width:1600px){
	.avideo{ padding: 0 15px; margin-bottom: 110px; box-sizing: border-box; }
}
@media (max-width:1200px){
	.avideo{ margin-bottom: 90px; }
}
@media (max-width:991px){
	.avideo{ margin-bottom: 70px; }
}
@media (max-width:768px){
	.avideo{ margin-bottom: 55px; }
}
.history{ color: #fff; background: url(../images/abo_bg.jpg) center center no-repeat; background-size: cover;}
.history .top{ padding: 74px 0; display: flex; justify-content: space-between; align-items: center; }
.history .title{ margin-left: 3%; }
.history .title .en{ margin-bottom: 8px; font-size: 32px; font-weight: bold; text-transform: uppercase; }
.history .title h3{ font-size: 32px; }
.history .btn_lr{ position: relative; margin-right: 3%; width: 105px; height: 48px; }
.history .btn_lr .swiper-button-next,.history .btn_lr .swiper-button-prev{margin-top: -23px; width: 46px; height: 46px; opacity: 1; background-size: auto 16px; background-color: #fff; background-image: url(../images/btns.png);}
.history .btn_lr .swiper-button-prev{ left: 0; }
.history .btn_lr .swiper-button-next{ right: 0; transform: rotate(180deg);}
.history .btn_lr .swiper-button-next:hover,.history .btn_lr .swiper-button-prev:hover{ background-color: #c43f2e; background-image: url(../images/btnw.png);}
.history .btn_lr .swiper-button-next.swiper-button-disabled,.history .btn_lr .swiper-button-prev.swiper-button-disabled{ opacity: .6;}
.history .hlisde{ border-top: 1px solid rgb(255, 255, 255,.2); }
.history .hlisde .swiper-slide{ padding: 4% 3% 4%; border-right: 1px solid rgb(255, 255, 255,.2); box-sizing: border-box; }
.history .hlisde .swiper-slide:last-child{ border-right: 0; }
/*.history .hlisde .swiper-slide:hover{ background-color: #c43f2e;  }*/
.history .hlisde .item{  }
.history .hlisde .item h4{ font-size: 18px; }
.history .hlisde .item .en{ margin-bottom: 10%; line-height: 30px; }
.history .hlisde .item .textp{ height: 240px; line-height: 30px; overflow: hidden; }
.history .hlisde .item .years{ font-size: 36px; text-align: right; }
@media (max-width:1600px){
	.history .top{ padding: 64px 0;}
	.history .title .en{ margin-bottom: 6px; font-size: 29px;}
	.history .title h3{ font-size: 29px; }
	.history .btn_lr{ width: 100px; height: 42px; }
	.history .btn_lr .swiper-button-next,.history .btn_lr .swiper-button-prev{ margin-top: -21px; width: 42px; height: 42px}
	.history .hlisde .item .years{ font-size: 32px; }
}
@media (max-width:1200px){
	.history .top{ padding: 54px 0;}
	.history .title .en,.history .title h3{ font-size: 26px;}
}
@media (max-width:991px){
	.history .top{ padding: 44px 0;}
	.history .title .en,.history .title h3{ font-size: 24px;}
	.history .btn_lr{ width: 92px; height: 36px; }
	.history .btn_lr .swiper-button-next,.history .btn_lr .swiper-button-prev{margin-top: -18px; width: 36px; height: 36px}
	.history .hlisde .item .textp{ height: 224px; line-height: 28px; }
	.history .hlisde .item .years{ font-size:28px; }
}
@media (max-width:768px){
	.history .top{ padding: 34px 0;}
	.history .title .en,.history .title h3{ font-size: 22px;}
	.history .btn_lr{ width: 80px; height: 32px; }
	.history .btn_lr .swiper-button-next,.history .btn_lr .swiper-button-prev{margin-top: -16px; width: 32px; height: 32px}
	.history .hlisde .swiper-slide{ padding: 6% 4% 6%;}
	.history .hlisde .item h4{ font-size: 16px; }
	.history .hlisde .item .textp{ height: 208px; line-height: 26px; font-size: 14px; }
	.history .hlisde .item .years{ font-size: 24px; }
}
@media (max-width:480px){
	.history .top{ padding: 26px 0;}
	.history .title .en,.history .title h3{ font-size: 20px;}
	.history .btn_lr{ width: 80px; height: 32px; }
	.history .btn_lr .swiper-button-next,.history .btn_lr .swiper-button-prev{margin-top: -16px; width: 32px; height: 32px}
	.history .hlisde .item .years{ font-size: 20px; }
	.history .hlisde .swiper-slide{ padding: 8% 7% 8%;}
}
.honor{ color: #333; padding-bottom: 115px; box-sizing: border-box; }
.honor .title{ padding: 100px 0 55px; }
.honor .title .en{ margin-bottom: 8px; font-size: 32px; font-weight: bold; text-transform: uppercase; }
.honor .title h3{ font-size: 32px; }
.honor .honlisde{  }
.honor .honlisde .item{ text-align: center;  }
.honor .honlisde .item .img{ width: 100%; height: 380px; padding: 45px; box-sizing: border-box; text-align: center; background-color: #f7f7f7;  }
.honor .honlisde .item .img a{ display: block; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
.honor .honlisde .item p{ margin-top: 23px; font-size: 16px; color: #333; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.honor .honlisde .swiper-container{ padding-bottom: 70px; }
.honor .honlisde .swiper-scrollbar{ left: 0; width: 100%; height: 4px; background-color: #e6e6e6; }
.honor .swiper-scrollbar-drag{ background-color: #c43f2e; }
@media (max-width:1600px){
	.honor{ padding: 0 15px 95px; }
	.honor .title{ padding: 90px 0 48px; }
	.honor .title .en{ margin-bottom: 6px; font-size: 29px;}
	.honor .title h3{ font-size: 29px; }
	.honor .honlisde .item .img{ padding: 40px; }
	.honor .honlisde .item p{ margin-top: 20px;}
	.honor .honlisde .swiper-container{ padding-bottom: 60px; }
}
@media (max-width:1200px){
	.honor{ padding-bottom: 75px; }
	.honor .title{ padding: 75px 0 42px; }
	.honor .title .en,.honor .title h3{ font-size: 26px;}
	.honor .honlisde .item .img{ padding: 35px; height: 300px; }
	.honor .honlisde .swiper-container{ padding-bottom: 50px; }
}
@media (max-width:991px){
	.honor{ padding-bottom: 60px; }
	.honor .title{ padding: 60px 0 38px; }
	.honor .title .en,.honor .title h3{ font-size: 24px;}
	.honor .honlisde .item .img{ padding: 30px; }
	.honor .honlisde .item p{ margin-top: 15px;}
	.honor .honlisde .swiper-container{ padding-bottom: 40px; }
}
@media (max-width:768px){
	.honor{ padding-bottom: 45px; }
	.honor .title{ padding: 45px 0 32px; }
	.honor .title .en,.honor .title h3{ font-size: 22px;}
	.honor .honlisde .item .img{ padding: 25px; }
	.honor .honlisde .item p{ margin-top: 10px; font-size: 13px;}
	.honor .honlisde .swiper-scrollbar{ height: 3px;}
}
@media (max-width:480px){
	.honor{ padding-bottom: 32px; }
	.honor .title{ padding: 32px 0 24px; }
	.honor .title .en,.honor .title h3{ font-size: 20px;}
	.honor .honlisde .item .img{ height: 220px; }
	.honor .honlisde .swiper-container{ padding-bottom: 30px; }
}
@media (max-width:374px){
	.honor .honlisde .item .img{ height: 300px; }
}
/* newsdet,videodet */
.newsdet{ padding: 20px 15px 0; box-sizing: border-box; }
.newsdet .cleft .title{ padding: 40px 0 45px; text-align: center;}
.newsdet .title h3{ font-size: 30px; color: #333; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.newsdet .title .other{ margin-top: 2%; }
.newsdet .title .other>div{ display: inline-block; margin: 0 10px; font-size: 14px; color: #999;}
.newsdet .text_box{ padding: 3% 0; border-top: 1px solid #dcdcdc; color: #666;width: 800px;margin: 0 auto;}
.newsdet .text_box p{ font-size: 16px; line-height: 30px; margin-bottom: 15px;}
/*.newsdet .text_box img{ max-width: 1200px; }*/
.newsdet .text_box video,.newsdet .text_box iframe{ display: block; width: 90%!important; margin: 0 auto; }
.newsdet .share_box{
	width:100%;
	max-width:960px;
	height:600px;
	margin:0 auto;
	margin-bottom:30px;
}
.newsdet .share_box iframe{
	width: 100% !important;
	height:100% !important;
}
.newsdet .lncase_aa{ position: relative; padding: 2% 0; color: #999; border-top: 1px solid #dcdcdc;}
.newsdet .lncase_aa a{ display: block; color: #666; font-size: 14px; line-height: 30px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newsdet .lncase_aa a:hover{ display: block; color: #c43f2e;}
.newsdet .lncase_aa .rebtn{ position: absolute; display: block; z-index: 999; right: 0; top: 50%; margin-top: -23px; width: 150px; height: 44px; opacity: .6; border: 1px solid #333; background: url(../images/sharebth.png) center center no-repeat; background-size: auto 21px; cursor: pointer; }
@media (max-width:1600px){
	.newsdet .cleft .title{ padding: 35px 0; }
}
@media (max-width:1200px){
	.newsdet .cleft .title{ padding: 30px 0; }
	.newsdet .title h3{  font-size: 26px; }
}
@media (max-width:991px){
	.newsdet .title h3{ font-size: 24px; }
	.newsdet .text_box{ width: 100%;}
}
@media (max-width:768px){
	.newsdet .cleft .title{ padding: 10px 0 30px; }
	.newsdet .title h3{ font-size: 19px; }
	.newsdet .title .other{ margin-top: 3%; }
	.newsdet .lncase_aa{ padding: 3% 0 4%; }
	.newsdet .lncase_aa .rebtn{ position: static; width: 120px; height: 35px; line-height: 35px; margin-top: 10px;}
	.newsdet .share_box{height:480px;}
}
@media (max-width:480px){
	.newsdet .cleft .title{ padding: 0px 0 20px; }
	.newsdet .title h3{ font-size: 17px; }
	.newsdet .share_box{height:380px;}
}
@media (max-width:420px){
	.newsdet .share_box{height:300px;}
}
/* contact */
.contact{ }
.contact h2{ padding: 77px 0 37px; font-size: 24px; color: #333; border-bottom: 1px solid #e5e5e5; }
.contact .cway{ padding: 30px 0 100px; height: 174px; display: flex; justify-content: space-between; font-size: 16px; }
.contact .cway .text{ width: 800px;  height: 174px; display: flex; justify-content: space-between; }
.contact .cway .text .left{ float: left; margin-top: 5px; line-height: 30px; }
.contact .cway .text .tel{ margin-bottom: 44px; }
.contact .cway .text .tel a{ display: block; margin-top: 10px; font-size: 34px; color: #333; }
.contact .cway .text .more_co{ float: left; padding-left: 46px; line-height: 35px; color: #333; border-left: 1px solid #e5e5e5; }
.contact .cewm{ height: 174px; }
.contact .cewm .item{ float: left; margin-left: 26px; height: 100%; border: 1px solid #e7e7e7; background-color: #fff; display: flex; justify-content: space-between; align-items: center; }
.contact .cewm .item:first-child{ margin-left: 0; }
.contact .cewm .item .ewmbox{ width: 218px; height: 100%; border-right: 1px solid #e7e7e7; font-size: 0; line-height: 0; display: flex; justify-content: center; align-items: center; }
.contact .cewm .item p{ padding: 0 20px; width: 20px; line-height: 16px; text-align: center; }
@media (max-width:1600px){
	.contact{ padding: 0 15px; box-sizing: border-box; }
	.contact h2{ padding: 67px 0 34px; font-size: 22px;}
	.contact .cway{ padding: 30px 0 80px;}
	.contact .cewm .item .ewmbox{ width: 175px;}
	.contact .cewm .item p{ padding: 0 15px; }
}
@media (max-width:1400px){
	.contact .cway .text{ width: auto; }
	.contact .cway .text .more_co{ padding-left: 20px; margin-left: 20px; }
}
@media (max-width:1200px){
	.contact h2{ padding: 55px 0 30px; }
	.contact .cway{ padding: 30px 0 60px; height: auto; flex-wrap: wrap; justify-content: space-around; }
	.contact .cway .text{ width: 100%; margin-bottom: 30px; justify-content: space-around; }
	.contact .cway .text .left{ float: none; margin-top: 5px; line-height: 30px; }
	.contact .cway .text .tel{ margin-bottom: 24px; }
	.contact .cway .text .tel a{ margin-top: 4px; font-size: 30px; }
	.contact .cway .text .more_co{ float: none; padding-left: 0px; margin-left: 0px; line-height: 30px; border-left: 0px; }
}
@media (max-width:991px){
	.contact h2{ padding: 45px 0 25px; }
}
@media (max-width:768px){
	.contact h2{ padding-top: 35px; font-size: 20px; }
	.contact .cway{ padding: 30px 0 40px;  font-size: 15px;}
	.contact .cway .text .left{ line-height: 28px; }
	.contact .cway .text .tel{ margin-bottom: 12px; }
	.contact .cway .text .tel a{ margin-top: 0px; font-size: 26px; }
	.contact .cway .text .more_co{ padding-left: 10px; line-height: 26px; }
	.contact .cewm{ height: 150px; }
	.contact .cewm .item .ewmbox{ width: auto; padding: 10px; box-sizing: border-box;}
	.contact .cewm .item p{ padding: 0 10px; line-height: 15px; font-size: 15px; }
}
@media (max-width:480px){
	.contact h2{ padding: 20px 0; }
	.contact .cway{ padding: 25px 0;}
	.contact .cway .text{ flex-wrap: wrap; height: auto; margin-bottom: 20px; }
	.contact .cway .text .left{ width: 100%; line-height: 26px; margin-bottom: 20px; }
	.contact .cway .text .more_co{ width: 100%; padding-left: 0px; }
	.contact .cway .text .tel{ margin-bottom: 8px; }
	.contact .cway .text .tel a{ font-size: 22px; }
	.contact .cewm{ height: 130px; }
	.contact .cewm .item{ margin-left: 15px; }
	.contact .cewm .item p{ padding: 0 5px; line-height: 14px; font-size: 14px; }
}
@media (max-width:375px){
	.contact .cewm{ height: auto; }
	.contact .cewm .item { float: none; height: 150px; margin-left: 0px; margin-top: 20px; }
	.contact .cewm .item:first-child{ margin-top: 0; }
	.contact .cewm .item p{ padding: 0 5px; line-height: 14px; font-size: 14px; }
}
.map{ width: 100%; max-width: 1920px; height: 700px; margin: 0 auto; }
.map .img{ float: left; position: relative; width: 55%; height: 100%; }
.map .img ul{ width: 100%; height: 100%; }
.map .img li{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.map .img li img{ width: 100%; height: 100%; object-fit: cover; }
.map .text{ float: right; width: 45%; height: 100%; background-color: #fff; }
.map .text ul{ width: 100%; height: 100%; }
.map .text li{ position: relative; height: 20%; border-top: 1px solid #e5e5e5; line-height: 30px; box-sizing: border-box; display: flex; align-items: center; cursor: pointer; }
.map .text li .base{ padding-left: 45px; width: 145px; font-size: 18px; color: #333;}
.map .text li .address{ flex: 1; min-width: 0; padding-left: 20px; border-left: 1px solid #bfbfbf;  }
.map .text li .address p{ overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.map .text li.on,.map .text li:hover{ color: #fff; background: #c43f2e url(../images/addr.png) right 20% center no-repeat; background-size: auto 47px; }
.map .text li.on .base,.map .text li:hover .base{ color: #fff; }
@media (max-width:1600px){
	.map{ height: 600px; }
	.map .text li .base{ padding-left: 30px;width: 110px; font-size: 16px; }
	.map .text li.on,.map .text li:hover{ background-position: right 30px center; }
}
@media (max-width:1400px){
	.map{ height: 500px; }
	.map .text li .base{ padding-left: 20px; width: 85px; }
	.map .text li.on,.map .text li:hover{ background-size: auto 40px; }
}
@media (max-width:1200px){
	.map{ height: 450px; }
	.map .img{ width: 50%; }
	.map .text{width: 50%; }
	.map .text li.on,.map .text li:hover{ background-size: auto 35px; }
}
@media (max-width:991px){
	.map{ position: relative; height: auto; box-sizing: border-box; }
	.map .img{ float: right; width: 100%; height: 400px; }
	.map .text{ float: left; width: 100%; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; }
	.map .text li{ height: 80px; line-height: 28px;}
	.map .text li.on,.map .text li:hover{ background-size: auto 30px; }
}
@media (max-width:768px){
	.map .img{ float: none; width: 100%; height: 350px; }
	.map .text li{ height: 70px; line-height: 25px;}
	.map .text li .base{ padding-left: 15px; width: 75px; font-size: 16px;}
	.map .text li .address{ padding-left: 15px; }
}
@media (max-width:480px){
	.map .img{ float: none; width: 100%; height: 250px; }
	.map .text li{ height: 60px;}
	.map .text li.on,.map .text li:hover{ background: #c43f2e; }
	.map .text li .base{ font-size: 15px;}
	.map .text li .address{ font-size: 14px; }
}
.stores{ width: 100%; max-width: 1920px; height: 800px; margin: 0 auto; }
.stores .left{ float: left; width: 45%; height: 100%; background-color: #fff; }
.stores .frbox{ float: right; padding-right: 130px; width: 705px; box-sizing: border-box;}
.stores .title{ padding: 50px 0 30px; box-sizing: border-box; }
.stores .title h2{ margin-bottom: 10px; font-size: 30px; }
.stores .title p{ font-size: 16px; }
.stores .mdsearch{ width: 100%; height: 50px; border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; }
.stores .mdsearch form{position:relative; width:100%; height: 100%; border-radius: 21px; }
.stores .mdsearch form input.ptext{display:inline-block;position:absolute;left:0;top:0;width:84%;height:100%;border:none;text-indent:10px;color:#333;font-size:14px;border:none;border-radius:3px; background-color: transparent;}
.stores .mdsearch form input.psubmit{display:inline-block;position:absolute;right:0;top:0;width:12%;height:100%;background:url(../images/psubmit.png) center center no-repeat;background-size: auto 20px;border:none;border-radius:3px;color:#fff;font-size:15px;}
.stores .left .list{ width: 100%; height: auto; }
.stores .left .list .swiper-container{ margin-top: 1px; height: 453px; }
/* .stores .left ul{ padding-top: 1px; } */
.stores .left .item{ line-height: 30px; box-sizing: border-box; cursor: pointer; overflow: hidden; }
.stores .left .item .clearfix{ padding: 33px 0; width: 700px;  margin-left: auto; border-bottom: 1px solid #e5e5e5; }
.stores .left .item .num{ float: left; margin-right: 22px; width: 28px; height: 28px; line-height: 28px; border-radius: 3px; background-color: #656565; color: #fff; text-align: center; }
.stores .left .item .city{ margin-bottom: 4px; line-height: 28px; font-size: 18px; color: #333; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.stores .left .item .mdaddr{ float: left; flex: 1; min-width: 0; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.stores .left .item p{ line-height: 26px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.stores .left .swiper-slide.on .item,.stores .left .swiper-slide:hover .item{ color: #fff; background-color: #c43f2e; }
.stores .left .swiper-slide.on .item .clearfix,.stores .left .item:hover .clearfix{ border-bottom: 1px solid #c43f2e; }
.stores .left .swiper-slide.on .item .num,.stores .left .item:hover .num{ color: #c43f2e; background-color: #fff; }
.stores .left .swiper-slide.on .item .city,.stores .left .item:hover .city{ color: #fff; }
.stores .btn_aa{ margin-top: 48px; }
.stores .prev,.stores .next{ float: left; display: block; width: 98px; height: 48px; background: #dcdcdc url(../images/pro_left.png) center center no-repeat; background-size: auto 18px;}
.stores .next{ transform: rotate(180deg); }
.stores .prev:hover,.stores .next:hover{ background-color: #c43f2e;}
.stores .mdmap{ float: right; position: relative; width: 55%; height: 100%; }
.stores .mdmap ul{ width: 100%; height: 100%; }
.stores .mdmap li{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.stores .mdmap li img{ width: 100%; height: 100%; object-fit: cover; }
.xshidden{ display: none; }
@media (max-width:1600px){
	.stores{ height: 640px; }
	.stores .frbox{ float: none; width: 100%; padding: 0 15px; margin-right: 0;}
	.stores .title{ padding: 35px 0 25px; }
	.stores .title h2{ font-size: 26px; }
	.stores .mdsearch{ height: 42px; }
	.stores .left .list .swiper-container{ height: 396px; }
	.stores .left .item{ padding-left: 15px; border-bottom: 1px solid #e5e5e5; }
	.stores .left .item .clearfix{ padding: 23px 0; width: auto; border-bottom: 0; }
	.stores .btn_aa{ margin-top: 20px; }
	.stores .prev, .stores .next{ height: 44px; }
}
@media (max-width:1200px){
	.stores{ height: 560px; }
	.stores .frbox{ padding: 0 15px;}
	.stores .title{ padding: 25px 0 18px; }
	.stores .title h2{ font-size: 24px; }
	.stores .title p{ font-size: 15px; }
	.stores .mdsearch{ height: 38px; }
	.stores .left .list .swiper-container{ height: 336px; }
	.stores .left .item .clearfix{ padding: 16px 0; width: auto; display: flex; }
	.stores .left .item .num{ margin-right: 18px; width: 26px; height: 26px; line-height: 26px; }
	.stores .left .item .city{ line-height: 26px; font-size: 17px; }
	.stores .left .item p{ line-height: 24px; }
	.stores .btn_aa{ margin-top: 20px; }
	.stores .prev,.stores .next{ width: 78px; height: 38px;}
}
@media (max-width:991px){
	.stores{ height: 470px; }
	.stores .title{ padding: 16px 0 12px; }
	.stores .title h2{ font-size: 22px; margin-bottom: 0px;}
	.stores .title p{ display: none; }
	.stores .mdsearch{ height: 38px; }
	.stores .left .list .swiper-container{ height: 294px; }
	.stores .left .item .clearfix{ padding: 12px 0; }
	.stores .left .item .num{ margin-right: 12px; width: 24px; height: 24px; line-height: 24px; }
	.stores .left .item .city{ line-height: 24px; font-size: 17px; }
	.stores .left .item p{ line-height: 22px; font-size: 14px; }
	
}
@media (max-width:768px){
	.stores{ position: relative;}
	.stores .left{ float: none; position: absolute; left: -85%; width: 85%; z-index: 5; }
	.stores .title h2{ font-size: 20px;}
	.stores .left .list{ margin-top: 10px; }
	.stores .prev,.stores .next{ width: 60px; height: 32px;}
	.stores .xshidden{ position: absolute; right: -36px; top: 50%; display: block; padding: 10px; width: 16px; margin-top: -28px; line-height: 18px; color: #333; font-size: 16px; text-align: center; background-color: #fff; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
	.stores .mdmap{ float: none; width: 100%; }
	.joinname{font-size: 42px;}
	.sname{font-size: 20px; line-height: 2.4;}
	.public .en{font-size: 24px;}
	.public .tit{font-size: 32px;}
	#join .condition .slide .desc{font-size: 15px; line-height: 1.8;}
}
@media (max-width:480px){
	.stores .xshidden{ right: -32px; padding: 8px;}
}
.join_text .text{
	font-size:15px;
	line-height:26px;
	padding:30px 15px;
	color:#333;
}